【问题标题】:Large react-final-form spread over multiple sections大型 react-final-form 分布在多个部分
【发布时间】:2018-07-05 12:04:39
【问题描述】:

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

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

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

CodeSandbox example

【问题讨论】:

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


    【解决方案1】:

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

    CodeSandbox example

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-21
      • 2018-11-16
      • 2018-01-14
      • 2020-11-16
      • 1970-01-01
      • 2021-04-15
      相关资源
      最近更新 更多