reactjs - 如何在Redux存储中将状态重置为其初始状态？

在redux存储中，我将初始状态设置为某个值，如下所示：

const search_initial_state = {
FilterItem:18
}

我正在另一个函数中手动更改此状态值
但是，单击重置按钮后，我想将“ FilterItem”状态设置为其初始值。（即18）

最佳答案

如果我正确理解您的意思，您只想将一个值重置为其原始/初始值。

定义一个动作创建者，该动作创建者将调度RESET_FILTER_ITEM的动作类型，然后在您要重置过滤器项时每当调度此动作。

const resetFilterItem = () {
    return {
      type: "RESET_FILTER_ITEM"
    }
}

在实现重置情况后，减速器将如下所示

const myReducer = (state = initialState, action) => {
   switch(action.type){
      case "OTHER_CASE":
        return {...state}
      case "RESET_FILTER_ITEM":
        return {
           ...state,
           FilterItem: initialState.FilterItem
        }
      default:
        return state
   }
}

希望这会帮助你。