为 antd 动态字段中的每个部分创建一个单独的提交按钮答案

【问题标题】：Create a separate submit button for every section in antd dynamic field为 antd 动态字段中的每个部分创建一个单独的提交按钮
【发布时间】：2021-11-15 04:25:43
【问题描述】：

我正在将 Ant Design 用于动态表单。我想为每个部分进行验证和表单提交，而不是一个按钮。要提交每个字段部分，就像您可以删除特定部分一样。像这样的图片：

但如果我单击提交，它将应用于所有字段部分。如何实现？

这是沙盒上的代码示例

【问题讨论】：

为什么不创建多个表单？
需要动态添加，不知道到底有多少。我需要以某种方式验证并提交每个字段部分的内容。现在是一个按钮验证并提交所有表单的情况
动态添加并不意味着不能创建多个表单。
你应该创建这样的表单域。提交按钮是一个，但字段都是动态的。因此，您可以根据需要多次添加一组三个字段。 check out this

标签： reactjs antd

【解决方案1】：

您的问题对我来说有点不清楚，但如果我理解正确，您的问题的根源应该是表单中的提交按钮。您正在创建一个包含几个提交按钮的表单。它正在触发对所有这些的验证。如果您将 form 带入您的字段映射中，您应该没问题。

fields.map((field, index) => ()

【讨论】：

当我在字段中放置表单时，地图提交按钮根本不验证，而是重新加载页面
你应该防止默认提交功能。
这样你就可以防止页面重新加载并做任何你想做的事情