微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决以嵌套形式反应和派生状态

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

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。