Twitter bootstrap 在reactjs中侦听引导模式关闭事件
有没有办法听引导模式关闭?在纯jQuery中,我会执行以下操作: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})来控制是否显示模式,以达到您在下面示例中的帖子中要求的
$('#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获取更多信息