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

前端之家收集整理的这篇文章主要介绍了使用BUTTON元素在ReactJS中提交表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
关于我的情况的一些话:我正在使用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>

猜你在找的HTML相关文章