react-bootstrap 无法读取未定义的属性“组件”

Question

我正在尝试为我的 django 应用程序创建一个带有 react-bootstrap 的模式窗口，我像这样实现了 jsx 文件

const WindowModal = React.createClass({
  getInitialState(){
  return {showModal: false};
},

close(){
  this.setState({showModal: false});
},

open(){
  this.setState({showModal: true});
},


render () {
  return (

    <div>
         <p>Click!</p>

         <Button bsStyle="primary" bsSize="large" onClick={this.open}>Launch</Button>

         <Modal show={this.state.showModal} onHide={this.close}>
           <Modal.Header closeButton>
             <Modal.Title>Sign Up</Modal.Title>
           </Modal.Header>
           <Modal.Body>
             <h1>Sign Up in Studio</h1>
           </Modal.Body>
           <Modal.Footer>
             <Button onClick={this.close}>Close</Button>
           </Modal.Footer>
         </Modal>
       </div>

  );
}
});

ReactDOM.render(< WindowModal/>,
document.getElementById('contenu')
);

但是当我运行我的应用程序时，我在浏览器控制台中遇到错误

未捕获的类型错误：无法读取未定义的属性“组件”

Answer 1

您可能忘记正确导入或导出组件。