redux 工具包 state 没有变化

Question

当我发送请求时，我在 json 中取回了我的数据，我可以在 console.log() 中看到它。 但是当我尝试更改我的 state 时，它并没有改变。 你们能帮我理解为什么吗？ 不要太苛刻地判断我还在学习。 谢谢

这是我的代码

export const login = createAsyncThunk(
     'auth/login',
     async (user) => {
          try {
               const response = await loginUser(user);
               console.log(response.data) /// data present
               return response.data
          } catch (error) {
               console.log(error)
          }
     }
)

export const authSlice = createSlice({
     name: 'auth',
     initialState: { user: {}, status: '', message: '', success: false, error: '' },
     reducers: {
          [login.pending]: (state, action) => (
               state.status = 'loading'
          ),
          [login.fulfilled]: (state, { payload }) => {
               state.user = payload.user
               state.status = 'success'
               state.message = payload.message
               state.success = true
               state.error = ''
          },
          [login.rejected]: (state, { payload }) => {
               state.user = payload
               state.status = 'failed'
               state.success = false
               state.error = payload
          }
     }
})

Answer 1

您需要将 extraReducers 与构建器一起使用，例如：

reducers: {
    //something, we don't care it
  },
  extraReducers: (builder) => {
    builder.addCase(login.pending, (state) => {
      state.status = what you want
    });
    builder.addCase(login.fulfilled, (state) => {
      blabla
    });
    ... and again and again 
  },

请参阅https://redux-toolkit.js.org/api/createAsyncThunk （所有内容都在文档中，没有更好的 RDK 来源）