javascript - 如何将 redux 状态返回到初始状态？

Question

我在弄清楚这一点时遇到了非常困难的事情，本质上我是在尝试将状态设置为初始状态，到目前为止我已经尝试过:

// -- Initial state ------------------------------------------------------------
const INITIAL_STATE = {
  search: {
    listings: []
  },
  listings: []
}

// -- Story structure for story editor -----------------------------------------
export default function(state = INITIAL_STATE, action) {
  switch(action.type) {
    case ACTIONS.RESET_STATE:
      return { ...state, INITIAL_STATE }
    default:
      return state;
  }
}

这只是将初始状态添加到现有状态

---

case ACTIONS.RESET_STATE:
      return { ...state, state = INITIAL_STATE }

返回错误

---

case ACTIONS.RESET_STATE:
      return { ...state, state: INITIAL_STATE }

这是将初始状态添加到现有的一个增益中

---

case ACTIONS.RESET_STATE:
      return { ...state, search: { listings:[] }, listings: [] }

这行得通，但我开始收到奇怪的突变错误。

Answer 1

Anders 提出的解决方案是正确的，但在不可变方面存在潜在问题。这总是生成新对象。

case ACTIONS.RESET_STATE:
    return { ...INITIAL_STATE };