我有一个模态窗口:
render() {
return (
<div id="create_task_modal" className="modal fade" tabIndex="-1" role="dialog">
<div className="modal-dialog" role="document">
<div className="modal-content">
<div className="modal-header">
... header ...
</div>
<div className="modal-body">
... some elements ...
<button type="button" className="btn btn-primary" onClick={this.addTask}>
Save changes
</button>
</div>
</div>
</div>
</div>
);
}
添加新类别的功能:
addTask(e) {
this.setState({
taskTitle: e.target.value
});
// I want to close modal window here
}
如何在没有jQuery的情况下关闭此函数中的模态窗口?
答案 0 :(得分:1)
也许这不是很好的变种,但我做到了:
<button
type="button"
className="btn btn-primary"
onClick={this.addTask}
data-dismiss="modal">
Save changes
</button>