angular - Redux 中的状态是什么？

Question

我用谷歌搜索、阅读和观看教程，出于某种原因，每个人都希望您知道状态是什么。有些人略微忽略了它，但并没有真正解释它是什么。最后，关于状态是什么的整个解释变得冗长，没有什么可以真正指出的，而且由于 Redux 没有绑定(bind)到 React 并且也可以在 Angular 中使用，如果有人向我解释我会很高兴并且其他也想知道状态是什么的人(最好在 Angular 中举个例子)。

Answer 1

What is a state in Redux?

State 是一种设计模式，用于表示对象的状态。四人帮的行为设计模式之一。它不是 Redux 特有的，Redux 只是一个集中存储数据的地方。

---

Redux 状态是您应用程序的上帝。如果你是一个元素，你想知道你现在是否被点击(例如)，你可以问 State。它是您在特定时间申请的照片。

它存储了您的应用程序的所有信息。想象一下，给您的应用程序拍照，它会有一个已单击的复选框、一个启用的下拉列表、一个禁用的单选框等。

状态是一个将所有这些信息作为属性的对象。例如，{ checkboxClicked: true}。通常，该对象具有应用程序当前状态的快照。

当用户取消选中复选框时，应用程序的状态应该会发生变化。那么让我们这样做:

{checkboxClicked: false}   // WRONG

状态是不可变的。这意味着您无法修改它(您无法修改照片，它属于过去)。

那我们怎么办？我们注册了 reducer 来处理由用户引起的action。

在这种情况下，reducer 将采取取消选中复选框的操作，并产生一个新的新鲜状态，除了名为 checkboxClicked 的属性外，它与之前的状态完全相同，它现在将设置为 true。

---

替代解释:

状态是您的世界(应用程序)的中心。

假设您的应用程序有一个复选框。该元素是否被点击的信息可以在状态对象中建模。想象一下(粗略的直觉):

State = {checkboxClicked: false};

以上可能是您应用程序的初始状态。

当用户选中该复选框时，Angular 调度一个 Action 。信息必须在你的状态下更新，但在这个特定的状态下不会更新，因为这个状态已经消失，它属于过去!

您的应用程序现在已单击了一个复选框。你必须拍一张新照片来描述新信息。状态是不可变的，您不能修改它。换句话说，您不能这样做 State.checkboxClicked = true;。

您通过 Reducer 生成一个全新的状态。 Reducer 是一个处理 Action 的函数。在这种情况下，它将创建一个 State 对象，其中每个属性都将与以前相同，并且只有 checkboxClicked 将设置为 `true。

这将是您应用程序的当前状态，直到用户采取行动。