纯函数:状态内容与状态引用

我假设这就是您引用的部分或笔:

const newState = [...state]; // copy contents of state, NOT the reference to it (state)
newState.push(action.payload);
return newState;

让我们看看这段代码现在在做什么,如果 const newState = state 而是使用了。

const newState = [...state];

newState state 它本质上是一个用于:

const newState = [];

for (let i = 0; i < state.length; i++) {
    newState.push(state[i]);
}

newState.push(action.payload) 被称为 数组不变,而 有一个额外的元素。

const newState = state;

此行设置变量 新闻状态 状态

什么时候 新闻状态推送(动作有效载荷) 新闻状态 和 状态 已经改变。

这样使用spread运算符将从 state 状态 newState 将引用不同的数组(这些数组具有相同的元素,因此如果其中一个元素是对象,并且您更改了它的一个属性,则该更改将在另一个数组中可见)。写 const newState = state