Was ist der Zweck von ComponentClass Prop in reactbootstrap

Question

Ich lese react-bootstrap button doc und es gibt componentClass Prop, die ich nicht verstehen kann. Sie erklären es wie "Sie können einen benutzerdefinierten Elementtyp für diese Komponente verwenden".

Was ist der Zweck dieser Stütze? Alle Beispiele werden geschätzt.

Answer 1

Doc ist hier richtig. Grundsätzlich, wenn Sie eine Button Komponente erstellen, wird es als button html Element standardmäßig gerendert werden. Wenn Sie möchten, dass es in "benutzerdefinierte Komponente" eingebettet wird, zum Beispiel <span>, können Sie die componentClass Eigenschaft verwenden, um das für Sie zu behandeln.

Beispiel:

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')); 

In diesem Fall Button wird als Standard button Elemente und CustomButton in span gemacht werden.