以嵌套形式反应和派生状态

问题描述

我想我想知道这里是否有利用派生状态的好用例。

将问题提炼下来,我有两个主要组成部分:

  • RootForm - 向服务器提交数据,处理响应并在整个表单中传播从服务器接收的数据(在页面加载时和作为对表单提交的响应)以设置表单字段值。所有表单状态都在此处维护。

  • SubForm - 向用户呈现一个表单,允许他们更改数据。当用户更改数据时,将调用作为来自 RootComponent 的道具“onChange”传递给该组件的回调。到目前为止,这个组件完全由 RootForm 控制,因为 RootForm 维护表单状态。

我想向 SubForm 添加验证,并且仅在表单有效时才调用“onChange”回调。这意味着我需要能够:

  • 无需让 RootForm 知道即可更改 SubForm 中的值。
  • 让 RootForm 的状态通过 props 传递给 SubForm,优先于 SubForm 可能持有的任何状态。这一点尤其重要,因为状态可能会在后端表单提交时发生变化。

这是派生状态的一个很好的用例吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)