如何将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 };

Answer 2

相反，请查看Jiri Fornous解决方案，因为这会改变您的数据。

更简单的方法是返回INITIAL_STATE。

case ACTIONS.RESET_STATE:
      return INITIAL_STATE;

Answer 3

如果您只想完全重置状态，只需返回INITIAL_STATE的值 ：

export default function(state = INITIAL_STATE, action) {
  switch(action.type) {
    case ACTIONS.RESET_STATE:
      return {
                 search: {
                     listings: []
                 },
                 listings: []
             };
    default:
      return state;
  }
}

如果要将INITIAL_STATE保留在一个位置。 将初始状态创建者更改为函数：

function get_INITIAL_STATE => {
  return { search: {
               listings: []
           },
           listings: []
         }
}

export default function(state = get_INITIAL_STATE(), action) {
  switch(action.type) {
    case ACTIONS.RESET_STATE:
      return get_INITIAL_STATE();
    default:
      return state;
  }
}