写数据到React-redux中存储的最简单的方法是什么?

What is the simpliest way to write data to store in React-redux?

本文关键字:最简单 方法 是什么 存储 数据 React-redux      更新时间:2023-09-26

我在我的应用程序中使用React和Redux(以及Redux-thunk用于异步任务)。因此,当我需要将一些数据写入store作为component交互的结果时,我使用actionreducer。但这总是必要的吗?特别是在没有connect s到component s修改字段的情况下?我总是需要actionreducer写一些数据到store吗?或者,store中的setState方法?

是的,有必要为该操作编写action和相应的reducer

这是因为Redux是基于Flux架构构建的。Flux架构使用actionsreducers来修改状态树中的特定状态。所以,它是必需的,你不能跳过它。

如果您觉得这是太多的样板代码,您应该尝试mobx

在React with Redux环境中有两种存储数据的方法

  1. 存储在组件状态-如果数据只需要组件显示,或者如果它不影响应用程序中的其他任何东西,比如如果你有多选项卡表单,那么存储当前的活动选项卡。这些数据应该保存在组件状态
  2. 存储在redux中-任何您希望通过多个组件访问的数据或即使组件卸载也需要存在的数据都应该存储在redux中。

现在回到你的问题,是的,要操作redux存储,你需要action, reducer。然而,如果你在大多数reducer中执行一些常见任务,你可以将其取出并创建一个通用reducer,在我的情况下,我们使用通用reducer来操作下拉数据,加载状态,更改特定对象(您可以使用"reducerdata"作为键在各种reducer中存储reducer所需的类对象并编写通用reducer来更改其值)