小编Vai*_*ta 的帖子

RTK 查询和 createSlice 额外的缩减器

我是 RTK 查询的新手,目前正在观看一个教程,其中 RTK 查询数据使用 ExtraReducers 存储在 redux 切片中。我试图将 RTK 查询数据存储在切片状态中,但无法这样做。

import { createSlice } from "@reduxjs/toolkit";
import apiService from "../Services/serviceFeature";

const initialState = {
  userInfo: null,
};

const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {
    userLogout: (state, action) => initialState,
  },
  extraReducers: (builder) => {
    builder.addMatcher(
      apiService.endpoints.authRegister.matchFulfilled,
      (state, action) => (state.userInfo = action.payload)
    );
    builder.addMatcher(
      apiService.endpoints.authLogin.matchFulfilled,
      (state, action) => (state.userInfo = action.payload)
    );
  },
});

export const { userLogout } = userSlice.actions;

export default userSlice.reducer;


Run Code Online (Sandbox Code Playgroud)

无论我做什么,状态都不会使用有效负载值进行更新,并且状态中的 userInfo 始终保持为空。 …

reactjs react-redux redux-toolkit rtk-query

7
推荐指数
1
解决办法
4043
查看次数

标签 统计

react-redux ×1

reactjs ×1

redux-toolkit ×1

rtk-query ×1