0

我想我想知道我是否有一个很好的用例来在这里利用派生状态。

提炼问题，我有两个主要组成部分：

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

  • SubForm - 向用户展示一个允许他们更改数据的表单。当用户更改数据时，将调用作为来自 RootComponent 的道具“onChange”传递给该组件的回调。这个组件，到现在为止，已经完全被 RootForm 控制了，因为 RootForm 维护着表单的状态。

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

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

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

4

0 回答 0