为什么我们应该在Redux中更喜欢不变性

Question

我是Redux的新手，正在学习如何使用它，并试图使其在幕后发挥作用。但是，我承认，为什么我们需要在Redux中保持状态不变，这让我感到困惑，我已经问过一个与我的Why should objects in Redux be immutable?接近的问题，但是在那儿，我找不到关于为什么我们需要保持状态不变的明确解释。保持状态不变。例如，我有这段代码可以改变按钮单击时的状态，即使我改变了状态，下面的代码也可以正常工作：

const initialState = {
  counter: 0
};

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

export default reducer;

请您解释一下即使更改状态，上述代码为何仍能正常工作，为什么需要使状态不可变。