Reactjs 从redux操作访问组件状态

Reactjs 从redux操作访问组件状态,reactjs,state,redux,Reactjs,State,Redux,我需要在各种组件onChange事件上保留状态更改。因此,我将它们保存在它们的状态,因为直接保存到redux会导致大量的重新渲染,损害用户体验,有时甚至会导致bug。现在,我需要在用户单击某个按钮并将这些状态值按入redux后获取所有这些组件的状态(此位是直接的),但如何在更新redux状态的操作中访问所有组件状态?因为我需要单独访问它们。首先,您应该检查应用程序的整个工作流,因为将字段保存到redux不会为重新渲染带来很大的开销 此外,您还应该了解哪些操作(来自Redux的官方文档): 操作是

我需要在各种组件
onChange
事件上保留状态更改。因此,我将它们保存在它们的状态,因为直接保存到redux会导致大量的重新渲染,损害用户体验,有时甚至会导致bug。现在,我需要在用户单击某个按钮并将这些状态值按入redux后获取所有这些组件的状态(此位是直接的),但如何在更新redux状态的操作中访问所有组件状态?因为我需要单独访问它们。

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

此外,您还应该了解哪些操作(来自Redux的官方文档):

操作是信息的有效负载,从您的服务器发送数据 应用到您的商店。他们是唯一的信息来源 商店。您可以使用store.dispatch()将它们发送到存储

因此,操作本身应该包含所有需要的数据

如果您选择为整个表单启动一个操作,您可以使用这种方法(联系人表单就是一个很好的例子,因为您只想在它完全填充时发送它)

首先,当你点击按钮时,你应该调用父
组件的函数(包含所有需要的字段并知道如何收集需要的日期)。
父组件的函数可以将所有字段值存储在它自己的
状态
,或者收集子
组件的
状态

然后,您将能够使用此函数中所需的参数分派操作(通常是从
容器传递的操作分派器


在官方网站上你可以找到一个很好的解释:

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

此外,您还应该了解哪些操作(来自Redux的官方文档):

操作是信息的有效负载,从您的服务器发送数据 应用到您的商店。他们是唯一的信息来源 商店。您可以使用store.dispatch()将它们发送到存储

因此,操作本身应该包含所有需要的数据

如果您选择为整个表单启动一个操作,您可以使用这种方法(联系人表单就是一个很好的例子,因为您只想在它完全填充时发送它)

首先,当你点击按钮时,你应该调用父
组件的函数(包含所有需要的字段并知道如何收集需要的日期)。
父组件的函数可以将所有字段值存储在它自己的
状态
,或者收集子
组件的
状态

然后,您将能够使用此函数中所需的参数分派操作(通常是从
容器传递的操作分派器


在官方网站上你可以找到一个很好的解释:

“因为直接保存到redux会导致大量的重新渲染,损害用户体验,有时甚至会导致bug”。这似乎是真正需要解决的问题,因为这绝对不是我的经验。“因为直接保存到redux会导致大量重新渲染,损害用户体验,有时甚至会导致bug”。这似乎是真正需要解决的问题,因为这绝对不是我的经历。