如何在发送模态表单并更改应用程序在 React 中的状态时关闭它？答案

【问题标题】：How to close a modal form when it's sent and it changes the app's state in React?如何在发送模态表单并更改应用程序在 React 中的状态时关闭它？
【发布时间】：2017-02-22 17:00:17
【问题描述】：

表单的提交按钮是这个：<input type="submit" className="btn btn-default" value="Vender"/>，我知道我可以添加一个 JQuery 脚本，但我想继续单独使用 React。我没有使用 React-bootstrap，只是普通的 Bootstrap。我也尝试添加data-dismiss="modal"，但随后它关闭了模态表单而不更改应用程序的状态

【问题讨论】：

标签： reactjs bootstrap-modal

【解决方案1】：

使用<form> 元素的onSubmit 属性。

<form onSubmit={this.onSubmit}>
    ...
</form>

您可以关闭模式并从其中更新应用程序状态。

【讨论】：

我有 onSubmit(e){ e.preventDefault(); //更新应用状态 } 那我应该在那个函数中添加什么？