react-bootstrap無法讀取未定義的屬性“ Component”

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

但是當我運行我的應用程序時，在瀏覽器控制台中出現錯誤

未捕獲的TypeError：無法讀取未定義的屬性“ Component”

Answer 1

您可能忘記了正確導入或導出組件。