从 redux 操作访问组件状态

Access component state from redux action

我需要保存各种组件 onChange 事件的状态变化。因此我将它们保存在它们的状态中,因为直接保存到 redux 会导致大量重新渲染并损害用户体验,有时甚至会导致错误。我现在需要在用户单击某个按钮并将这些状态值推送到 redux 时获取所有这些组件的状态(这一点很简单),但是我如何才能在将更新 redux 状态的操作中访问所有组件状态?因为我需要单独访问它们。

首先你应该检查你的应用程序的整个工作流程,因为将字段保存到 redux 应该不会为重新渲染带来很大的开销。

另外你应该明白什么是Actions(来自Redux的官方文档):

Actions are payloads of information that send data from your application to your store. They are the only source of information for the store. You send them to the store using store.dispatch().

所以动作本身应该包含所有需要的数据。

如果您选择对整个表单触发一个操作,您可以采用这种方法(联系表单就是一个很好的例子,因为您只想在它填满时发送它)。

首先,当您点击按钮时,您应该调用父函数 component(它包含所有需要的字段并知道如何收集需要的日期)。
父组件的功能可以将所有字段值存储在它自己的 state 中,或者收集子 components.
states 然后你将能够从这个函数中使用所需的参数调度动作(通常是从 container 传递的动作调度程序)

在官网上可以找到很好的解释:UsageWithReact