React+Ts+Antd实现了在模态项目符号框中控制多个标签页的多表单表单。

1,其实难点在于有多个标签页,每个标签页都有单独的表单。如何通过一个模态的按钮控制和验证多个窗体?你可以通过Ref。

首先创建一个空的Ref数组。

呈现界面,循环时一次创建一个Ref,并形成。该表单使用当前创建的Ref作为唯一标识符。

2.表单子组件,传递表单对象。

3.创建时,即点击模态弹出窗口确认,调用子组件的方法获取每个ref的Form对象,通过Promise.all方法判断它们是否通过验证。