我正在尝试使用React boostrap modal,我可以在需要时成功打开它,但无法关闭它。我不知道我在做什么错。
我的标记
``` <Modal show={this.props.show} >
<Modal.Header>
<Modal.Title>Enter Log</Modal.Title>
</Modal.Header>
<Modal.Body>
Hello i am Modal!!!!!
</Modal.Body>
<Modal.Footer>
<Button onClick={() => {closeModal()}} variant="primary"> Close </Button>
</Modal.Footer>```
状态:
constructor(props) {
super(props)
this.state = {
closeModal: false
}
}
处理程序功能:
const closeModal = () => {
this.setState({closeModal: true});
}
只需添加closeButton
道具,react-bootstrap具有自己的closeButton属性
<Modal.Header closeButton>
<Modal.Title>Enter Log</Modal.Title>
</Modal.Header>