无法读取属性'标题'使用react-bootstrap模式时未定义的

时间:2018-01-04 12:35:45

标签: reactjs bootstrap-modal react-bootstrap

我在我的项目中使用react-bootstrap。我在使用Modal组件时遇到如下错误。

enter image description here

模态组件:

<Modal  show={this.state.modalshow} onHide={close}  container={this} aria-labelledby="contained-modal-title">
   <Modal.Header closeButton>
     <Modal.Title id="contained-modal-title">Add User</Modal.Title>
   </Modal.Header>

3 个答案:

答案 0 :(得分:0)

尝试在顶部添加

import Modal from 'react-bootstrap/lib/Modal';
// or
import { Modal } from 'react-bootstrap';

答案 1 :(得分:0)

首先使用以下命令安装React bootstrap -

for name in A: if name in B: match=name a_index = A.index(match) c_element = C[a_index] b_index = B.index(match) e_element = E[b_index] f_element = F[b_index] if c_element == e_element: print([match, c_element, f_element])

从react-bootstrap

导入npm install --save react-bootstrap之后
Modal

如果此代码适用于您,即react-bootstrap工作正常并尝试使用您的模态代码将正常工作 否则你的react-bootstrap安装有问题。

答案 2 :(得分:0)

这似乎不是模态问题。 如果您使用任何未定义的值,就会发生这种情况,但这并不意味着Modal.Header也未定义。 enter image description here enter image description here