可以在需要时成功打开模式,但无法关闭它

问题描述 投票:1回答:1

我正在尝试使用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}); 
}
javascript reactjs
1个回答
0
投票

只需添加closeButton道具,react-bootstrap具有自己的closeButton属性

<Modal.Header closeButton>
  <Modal.Title>Enter Log</Modal.Title>
</Modal.Header>
© www.soinside.com 2019 - 2024. All rights reserved.