试图在Plunker

Question

http://plnkr.co/edit/f8Z4bucIq0WblkNSIMP5?p=preview

  render: function() {
      console.log('render', this.state)

    return (
      <div>
        <p>Click to get the full Modal experience!</p>

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

        <ReactBootstrap.Modal show={this.state.showModal} onHide={this.close}>
            <span>The Modal</span>
        </ReactBootstrap.Modal>
      </div>
    );
  }

JSX似乎正在编译。 Modal组件可用。单击按钮时会显示show prop。 Bootstrap CSS就在那里。

但是Modal总是在页面加载时显示，即使它的show prop是假的。

我做错了什么？

Answer 1

我刚刚看了看你的plunker，发现你使用的是旧版本的react-bootstrap。我认为这是你的问题我将版本更改为更新版本并且它有效。

https://cdnjs.com/libraries/react-bootstrap我刚刚使用了v0.28.3