javascript - 如何在没有jquery的情况下关闭模态窗口

Question

我有一个模态窗口:

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 的情况下关闭此函数中的模态窗口？

Answer 1

也许这不是很好的变体，但我做到了:

<button 
  type="button" 
  className="btn btn-primary" 
  onClick={this.addTask} 
  data-dismiss="modal">
    Save changes
</button>