莫代爾在Reactjs-bootstrap應用程序中不工作

Question

我試圖讓登錄被點擊但沒有填充時彈出一個模式。

我使用'react-bootstrap'庫。

下面是代碼：

var React = require('react'); 
var Modal = require('react-bootstrap'); 

var Login = React.createClass({ 
    render: function() { 
    return (
    <div className='static-modal'> 
     <Modal title='Modal title' 
      enforceFocus={false} 
      backdrop={false} 
      animation={false} 
      container={mountNode} 
      onRequestHide={function() {}}> 
      <div className='modal-body'> 
      One fine body... 
      </div> 
      <div className='modal-footer'> 
      <Button>Close</Button> 
      <Button bsStyle='primary'>Save changes</Button> 
      </div> 
     </Modal> 
     </div> 
    ); 
    } 
}); 


module.exports = Login; 

任何想法，爲什麼它沒有呈現？僅供參考，我也使用反應路由器路由通過組件。

Answer 1

通過this在集裝箱道具。它會掛載你的模態 container={this}