跨多个部分的大型react-final-form

Question

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

如何一次捕获所有部分的状态，以便在提交按钮上使用？

例如，如果一个部分是脏的，而另一个是原始的，我希望能够启用提交按钮，而不考虑当前处于活动状态的部分。活动表示该部分当前呈现在页面上，而非活动表示尚未呈现或以前呈现。

CodeSandbox example

Answer 1

事实证明，每个组件都必须呈现，而不是有条件地让react-final-form一次捕获所有状态。在选项卡中移动我的部分后，所有部分都呈现但不显示，一切都按我想要的那样工作。

CodeSandbox example