大的反应最终形式分布在多个部分

时间:2018-07-05 12:04:40

标签: reactjs react-final-form final-form

我正在构建一个大型表单,该表单具有多个部分,并且标题中有一个提交按钮。当我切换表单的不同部分时,在FormRenderProps中找到的表单状态反映的是活动部分的状态,而不是整个表单的状态。

如何立即捕获所有部分的状态以在“提交”按钮上使用?

例如如果一个部分脏了,而另一部分是原始的,则无论当前处于活动状态的那个部分如何,我都希望能够启用提交按钮。有效表示该部分当前在页面上呈现,而无效则表示尚未呈现或先前呈现。

CodeSandbox example

1 个答案:

答案 0 :(得分:0)

事实证明,必须渲染每个组件,而不是有条件地使react-final-form一次捕获所有状态。在将所有部分都呈现但未显示的选项卡中移动了我的部分之后,一切都按我的要求工作了。

CodeSandbox example