reactbootstrap의 componentClass 소품의 목적은 무엇입니까

Question

react-bootstrap button doc을 읽고 이해할 수없는 componentClass 소품이 있습니다. "이 구성 요소에 사용자 정의 요소 유형을 사용할 수 있습니다"와 같이 설명합니다.

이 소품의 목적은 무엇입니까? 모든 예제가 인정 될 것입니다.

Answer 1

이곳에 있습니다. 기본적으로 Button 구성 요소를 만들면 기본적으로 button html 요소로 렌더링됩니다. "사용자 지정 구성 요소"안에 포장하려는 경우 (예 : <span>) componentClass 속성을 사용하여 처리 할 수 ​​있습니다.

예 :이 경우에서는 Button

var Button = React.createClass({ 

    render() { 
     return <h1 ref='button_node'> 
     <ReactBootstrap.Button bsStyle="success">Button</ReactBootstrap.Button> 
     </h1>; 
    } 
    }); 

    var CustomButton = React.createClass({ 

    render() { 
     return <h1 ref='button_node'> 
     <ReactBootstrap.Button componentClass="span" bsStyle="danger">Custom one</ReactBootstrap.Button> 
     </h1>; 
    } 
    }); 

    ReactDOM.render(<Button/>, document.getElementById('button')); 
    ReactDOM.render(<CustomButton/>, document.getElementById('custom-button')); 

기본적 button 요소 span에 CustomButton로 렌더링 될 것이다.