reactjs - 为什么我们应该更喜欢 Redux 中的不变性

Question

我是 Redux 的新手，正在学习如何使用它并尝试了解它在幕后的工作方式。但是，我遇到了为什么我们需要在 Redux 中保持状态不可变的困惑，我承认，已经有人问过我的问题，为什么 Redux 中的对象应该是不可变的？但是在那里我找不到关于为什么我们需要保持状态不可变的明确解释。例如，我有这段代码可以改变按钮单击时的状态，即使我改变状态，下面的代码也能正常工作：

const initialState = {
  counter: 0
};

const reducer = (state = initialState, action) => {
  if (action.type === "INCREMENT") {
    return {
      counter: state.counter + 1
    };
  }
  return state;
};

export default reducer;

请您解释一下为什么即使我改变状态，上面的代码也能正常工作，以及为什么我需要使状态不可变。

标签： reactjsredux