使用BUTTON元素在ReactJS中提交表单

发布时间：2020-12-14 18:54:19 所属栏目：资源来源：网络整理

导读：关于我的情况的一些话：我正在使用ReactJS构建表单,如果它有 input type =“submit”元素它工作正常：通过按输入[type =“text”]并按下提交元素提交表单(如果没有任何更改,则表单未提交时,ReactJS也会进行工作检查). 但是,如果我用 button ButtonLabel / bu

关于我的情况的一些话：我正在使用ReactJS构建表单,如果它有< input type =“submit”>元素它工作正常：通过按输入[type =“text”]并按下提交元素提交表单(如果没有任何更改,则表单未提交时,ReactJS也会进行工作检查).

但是,如果我用< button> ButtonLabel< / button>替换输入[type =“submit”]我尝试使用两种方式：

>获取表单DOMNode元素并调用.submit()方法,这是不正确的,因为它不使用内部ReactJS逻辑
>将params传递给按钮
< button type =“submit”form =“form-id”>
但它仍然没有使用ReactJS检查(如果没有任何改变,我不想提交表格)

所以如果有人建议我如何使用BUTTON元素正确地在ReactJS中提交表单,我将非常感激.

谢谢！

解决方法

如果将类型设置为提交按钮并且表单具有onsubmit处理程序,则button元素应该完全按照您的预期工作.

<form ref="form" onSubmit={this.handleSubmit}>
    <button type="submit">Do the thing</button>
</form>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!