react-bootstrap - reactbootstrap中componentClass Prop 的目的是什么

Question

我读了 react-bootstrap button doc还有componentClass我无法理解的 Prop 。他们将其解释为“您可以为此组件使用自定义元素类型”。

这个 Prop 的目的是什么？任何示例将不胜感激。

Answer 1

医生就在这里。基本上当你创建一个 Button组件将呈现为 button默认为 html 元素。
如果您想将其包裹在“自定义组件”中，例如 <span>您可以使用 componentClass属性(property)来为你处理。

例子:

  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将默认呈现 button元素和 CustomButton在 span .