reactjs - React 一键提交具有不同功能的多个表单

Question

我正在尝试构建一个用户可以添加/删除多个小表单的页面，每个表单将请求发送到不同的 API。是否可以有一个按钮来触发每个表单的所有 onSubmit 事件？

<form id="form1">
    <input name="field1" type="text" />
</form>
<form id="form2">
    <input name="field2" type="text" />
</form>
<form id="form3">
    <input name="field3" type="text" />
</form>

<button>Submit</button>

就像当你点击父组件中的提交按钮时，每个子组件的onSubmit函数都会被调用？

标签： reactjs

Answer 1

好的，我找到了解决方案。所以创建一个子组件的 Ref() 列表，当父组件中的按钮被点击时，我们循环遍历子组件的 Refs，让子组件向后端发送请求