Question

我创建了s示例反应引导模式框，基本上与以下代码相同： - http://react-bootstrap.github.io/components.html#modals-live。该模型是它自己的组件，我已将其作为子项添加到另一个组件中。 Modal很好，但是当它出现在页面顶部时，它取代了该页面上存在的其他内容。不确定我可能做错了什么。父组件如下： -

<div className="detail-sctions">
    <TestModal closeModel = {this.closeTestModal.bind(this)} showModal={this.state.showModel}/>

      <ul className="tabs nav-backs">
          <li className="tab-title nav-backs"><button onClick={}>tab1</button></li>
          <li className="tab-title nav-backs active"><button>tab1</button></li>
          <li className="tab-title nav-backs"><button>tab3</button></li>
          <li className="tab-title nav-backs"><button onClick={}>tab4</button></li>
          <li className="tab-title nav-backs"><button>tab5</button></li>
      </ul>
 </div>

此处TestModal是该链接的示例代码。

Answer 1

来自github上的react bootstrap论坛，我知道bootstrap css必须让它像示例一样工作。所以在添加bootstrap css后它可以正常工作。

react-bootstrap取代了React JS应用程序中的其他内容

1 个答案: