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

Question

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

模态组件:

<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>

Answer 1

尝试在顶部添加

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