【问题标题】:What is the simpliest way to write data to store in React-redux?将数据写入 React-redux 存储的最简单方法是什么?
【发布时间】:2016-11-15 08:39:39
【问题描述】:

我在我的应用程序中使用 React 和 Redux(以及用于异步任务的 Redux-thunk)。因此,当由于component 交互而需要向store 写入一些数据时,我同时使用actionreducer。但它总是必要的吗?特别是在components 中修改字段没有connects 的情况下?我是否总是需要actionreducerstore 写入一些数据?或者,也许,store 中有类似setState 的方法?

【问题讨论】:

标签: javascript reactjs ecmascript-6 redux


【解决方案1】:

是的,需要为该操作写入action 和对应的reducer

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

如果你觉得样板代码太多,你应该试试mobx

【讨论】:

  • 那么,Mobx 是一个简化component > store 数据流的框架?
  • 它更像是一个状态管理,它利用 ES6 decorators 并为您提供简单的 API 来更改和修改状态而无需 reducers
【解决方案2】:

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

  1. 以组件状态存储 - 如果数据仅用于组件显示或者它不影响应用程序中的任何其他内容,例如如果您有多选项卡表单然后存储当前活动选项卡。此类数据应存储在组件状态中
  2. 在 redux 中存储 - 您希望通过多个组件访问的任何数据或需要存在的数据,即使组件卸载也应存储在 redux 中。

现在来回答您的问题,是的,要操作 redux 存储,您需要采取行动,reducer。但是,如果您在大多数 reducer 中执行一些常见任务,您可以将其取出并创建一个 common reducer,在我的情况下,我们使用 common reducer 来操作下拉数据,加载state,改变一个特定的对象(你可以在各种reducer中使用“reducerdata”作为key来存储reducer所需的Class Object,并编写通用reducer来改变它的值)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-26
    • 1970-01-01
    • 2021-06-27
    • 2015-08-19
    • 2011-05-13
    • 1970-01-01
    相关资源
    最近更新 更多