Twitter bootstrap 在reactjs中侦听引导模式关闭事件

Twitter bootstrap 在reactjs中侦听引导模式关闭事件,twitter-bootstrap,reactjs,modal-dialog,Twitter Bootstrap,Reactjs,Modal Dialog,有没有办法听引导模式关闭?在纯jQuery中,我会执行以下操作: $('#myModal').on('hidden.bs.modal', function () { // do something… }) 但是,在react中,什么是合适的方法 提前谢谢 如果您正在使用,您可以通过onHide或onExit道具传递处理程序函数。下面的代码将告诉您这个想法,因为您可以使用this.setState({showmodel:true})来控制是否显示模式,以达到您在下面示例中的帖子中要求的

有没有办法听引导模式关闭?在纯jQuery中,我会执行以下操作:

$('#myModal').on('hidden.bs.modal', function () {
     // do something…
})
但是,在react中,什么是合适的方法


提前谢谢

如果您正在使用,您可以通过
onHide
onExit
道具传递处理程序函数。

下面的代码将告诉您这个想法,因为您可以使用
this.setState({showmodel:true})
来控制是否显示模式,以达到您在下面示例中的帖子中要求的效果

const ControlledModalExample = React.createClass({

getInitialState(){
  return { showModal: false };
},

close(){
  this.setState({ showModal: false });
},

open(){
  this.setState({ showModal: true });
},

render() {
  return (
    <div>
      <Button onClick={this.open}>
        Launch modal
      </Button>

    <Modal show={this.state.showModal} onHide={this.close}>
      <Modal.Header closeButton>
        <Modal.Title>Modal heading</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <div>Modal content here </div>
      </Modal.Body>
      <Modal.Footer>
        <Button onClick={this.close}>Close</Button>
      </Modal.Footer>
    </Modal>
   </div>
  );
 }
});
const ControlledModalExample=React.createClass({
getInitialState(){
返回{showmodel:false};
},
关闭(){
this.setState({showmodel:false});
},
开(){
this.setState({showmodel:true});
},
render(){
返回(
发射模态
模态标题
这里的模态内容
接近
);
}
});
您可以从以下文档url获取更多信息