首页 > 解决方案 > 如何更改 redux 工具包中的状态数据?

问题描述

我是 redux 工具包的新手。在这里,我试图将过滤后的数据返回到状态,但在调度操作后我的状态没有改变。

我的代码 -

const dataSlice = createSlice({
  name: "data",
  initialState: {
    datas: [],
  },
  reducers: {
    search: (state, action) => {
      console.log(action.payload);
      state.datas = state.datas.filter((data) => {
        return data.rocket.rocket_name.toLowerCase().includes(action.payload);
      });
    },
  },
  extraReducers: {
    [dataFetch.pending]: (state, action) => {
      state.loading = true;
    },
    [dataFetch.fulfilled]: (state, action) => {
      state.datas = action.payload;
      state.loading = false;
    },
    [dataFetch.rejected]: (state, action) => {
      state.error = action.payload;
    },
  },
});

标签: javascriptreactjsreduxreact-reduxredux-toolkit

解决方案


推荐阅读