redux 中的 action、reducer 和 store 有什么区别?

Dis*_*had 6 react-native redux redux-thunk react-redux redux-actions

我是 react/redux 的新手。我试图弄清楚 redux 中的所有部分是如何交互的。给我带来麻烦的一件事是理解动作和减速器、存储之间的关系。

Des*_*mph 25

当你想一想时,这非常简单:

  • 存储- 保存应用程序使用的所有数据。
  • 减速器- 是在收到操作时操纵数据的东西。
  • Action - 告诉reducer 操作存储数据,它携带名称和(不是必需的)一些数据。

Reducer通常采用switch语句的格式,在所有可能的Action(Cases)之间进行切换,然后根据action来操作Store数据。当redux中的reducer数据发生变化时,组件中的属性会发生变化,然后重新渲染。


Def*_*ian 6

Store 保存应用程序状态数据的对象

Reducer 返回一些状态数据的函数。由动作触发type

Action 一个对象,它告诉减速器如何改变状态。它必须包含一个type属性。它可以选择包含一个payload属性


小智 6

actions、reducers 和 store 是 redux 的三个构建块。

\n

操作:操作是商店的唯一信息来源。操作有一个类型字段,用于指示要执行的操作类型,所有其他字段都包含信息或数据。还有另一个术语称为“动作创建者”,这些是创建动作的函数。因此,动作是信息(对象),动作创建者是返回这些动作的函数。

\n

减速器:正如我们所知,动作只告诉做什么,但它们不告诉如何做,所以减速器是纯函数,它接受当前状态和动作并返回新状态并告诉存储怎么做。

\n

Store:store 是保存应用程序状态的对象。

\n

我发现这个链接特别有用 - https://www.geeksforgeeks.org/introduction-to-redux-action-reducers-and-store/

\n


小智 5

  • 存储-> 全球化状态
  • 操作-> 你想做什么,例如:事件点击
  • Reducer -> 描述您的操作如何将状态转移到下一个状态。它检查发生了哪些操作,并根据操作更新存储。
  • 调度-> 我们执行动作的方式。例如:将动作分派给减速器。然后 reducer 将检查要做什么并且 store 得到更新。