渲染react-bootstrap模式onclick

Question

我需要在点击+上打开ReactBootstrap.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')
    );

有任何建议吗？