Ant Design 问题中的选项卡式表单

Question

在 AntDesign 中，选项卡式表单似乎是不可能的。 当我们在选项卡内提交表单时，所有字段错误都会出现

阻滞剂

1. 在提交时，只有当前活动的选项卡表单值才会出现
2. 选项卡在表单内
3. 当我们在选项卡内提交表单时出现所有字段错误
4. destroyInactiveTabPane 我尝试这个但不工作
5. 如果我必须像英语、法语、意大利语一样动态生成选项卡，我无法初始化表单，因为选项卡循环将进入组件内部
6. 强制呈现选项卡中的内容，而不是在单击选项卡后延迟呈现我尝试这个但不工作
7. 当我提交表单中所有提交的表单时，错误验证触发器

Answer 1

在每个选项卡内和将保存选项卡数据的父文件中创建表单，活动选项卡管理状态。 为每个选项卡创建表单。 假设我有名称和成员选项卡，我将使用 Const nameForm = useForm() Const memberForm =useForm() 创建表单

并将每个表单作为道具传递给组件。 Nameform 来命名组件等等。 每当您尝试更改选项卡或单击提交检查功能时，哪个选项卡处于活动状态并仅验证该表单。