Javascript 渲染反应引导模式onclick

我需要在单击+时打开ReactBootstrap.Modal窗口，将一些属性传递给Modal

我的组件具有模态窗口内容：

React.createClass({
  render: function () {
    return (
        <ReactBootstrap.Modal show={this.state.show} bsSize="large" aria-labelledby="contained-modal-title-lg">
            <ReactBootstrap.Modal.Header onClick={this.hideHandler} closeButton>
                <ReactBootstrap.Modal.Title id="contained-modal-title-lg">Babe Info:</ReactBootstrap.Modal.Title>
            </ReactBootstrap.Modal.Header>
            <ReactBootstrap.Modal.Body>
        some body
            </ReactBootstrap.Modal.Body>
            <ReactBootstrap.Modal.Footer>
                <ReactBootstrap.Button onClick={this.hideHandler}>Close</ReactBootstrap.Button>
            </ReactBootstrap.Modal.Footer>
        </ReactBootstrap.Modal>
    );
  }
});

有什么建议吗

    var modal = React.createElement(MyModal, this.props.data);
    ReactDOM.render(
        modal,
        document.getElementById('modal_container')
    );