Redux 中的状态是什么？

Question

我用谷歌搜索、阅读和观看教程，出于某种原因，每个人都希望你知道状态是什么。有些人稍微擦过它，但并没有真正解释它是什么。最后，关于状态是什么的整个解释变得冗长，没有什么可指出的，而且由于 Redux 不受 React 的约束，也可以在 Angular 中使用，如果有人向我解释并且我会很高兴其他人也想知道状态是什么（最好在 Angular 中举例）。

Answer 1

Redux 中的状态是什么？

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

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

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

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

当用户采取行动时，通过取消选中该复选框，您的应用程序的状态应该会发生变化。所以让我们这样做：

{checkboxClicked: false}   // WRONG

状态是不可变的。这意味着你不能修改它（你不能修改照片，它属于过去）。

那么我们该怎么办？我们注册处理由用户引起的动作的减速器。

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

替代解释：

状态是您世界的中心（应用程序）。

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

State = {checkboxClicked: false};

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

当用户选中该复选框时，Angular 会调度一个action。信息必须在您的状态中更新，而不是在这个特定的状态中更新，因为这种状态已经消失，它属于过去！

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

你通过一个Reducer产生一个新的、新鲜的 State 。Reducer 是一个处理动作的函数。在这种情况下，它将创建一个 State 对象，其中每个属性都将与以前相同，并且只会checkboxClicked设置为“true”。

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