RectJS 中的动态表单验证

问：

我有一个带有步进器的表单设置。我从用户那里获得输入并将这些字段映射到模板。现在我有大约 20 个模板，每个模板需要不同的字段。ChakraUIhelloSign

例如：我有步骤：1、2、3、4、5、6、7

• 模板 A 需要步骤 1、2、5、7 的输入
• 模板 B 需要来自步骤 1、2、6、
• 模板 C 需要步骤 3、4、6、7 的输入

而且在每个步骤中，我还根据模板类型（表单类型）隐藏或显示字段。与模板 A 和 B 一样，步骤 1、2 是通用的，但这些步骤中的字段可能不同。模板 A 中可能需要一些，但模板 B 中也有相同的选项。

我已经制作了这些表格，它们适用于所有模板。现在我被困在验证部分。 如何根据表单类型验证所有这些字段。如何动态更改验证。

所有步骤都是独立的，我的意思是标签不在任何地方使用，下一个按钮不在步骤内。“下一步”按钮位于父组件内所有这些步骤之外。你们能提供任何合乎逻辑的帮助或指导吗？我如何使用formik或react钩子表单等？<form>