Cuando envío la solicitud, recuperé mis datos en json y puedo verlos cuando console.log(). Pero cuando trato de cambiar mi estado, no está cambiando. ¿Pueden ayudarme a entender por qué? No juzgues demasiado, todavía estoy aprendiendo. Gracias
Aquí está mi código
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 } } })Necesita usar los extraReducers con el constructor, algo así:
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 },consulte https://redux-toolkit.js.org/api/createAsyncThunk (todo está en el documento, no hay mejor fuente para RDK)