Блог

Я хочу получить информацию с сервера. Это мой код среза:

 import { createSlice, createAsyncThunk } from '@reduxjs/toolkit'
import { changeState } from './loaderSlice'

export const getCuentas = createAsyncThunk(
    'get/cuentas',
    async ( args,{ dispatch }) => {
      dispatch(changeState());
      const response = await fetch(
        'http://localhost:3001/cuentas')
      .then(res => {
        if (res.ok) {
          console.log(res.json())
          dispatch(changeState());   
          return res
        } else {
          dispatch(changeState());
          var error = new Error('Error '   response.status   ': '   response.statusText);
          error.response = response;
          throw error;
        }
      },
        error => {
          dispatch(changeState());
          var errmess = new Error(error.message);
          throw errmess;
        })
    }
  )

export const cuentasSlice = createSlice({
  name: 'cuentas',
  initialState: {
      list:[]
  },
  reducers: {
    assignList:(state, { payload }) => {
      state.list = payload
    },
  },
  extraReducers: {
    // Add reducers for additional action types here, and handle loading state as needed
    [getCuentas.fulfilled]: (state, { payload }) => {
      console.log(payload)
      state.list= payload
    },
    [getCuentas.pending]: (state, action) => {
    },
    [getCuentas.rejected]: (state, action) => {
      console.log("Rejected")
    }
  }
})

// Action creators are generated for each case reducer function
export const {assignList} = cuentasSlice.actions

export default cuentasSlice.reducer
 

И после этого я пытаюсь сохранить данные в состояние с помощью дополнительных редукторов, но я не знаю, как получить информацию из ответа. Когда я пытаюсь распечатать полезную нагрузку, я получаю неопределенное значение. Что я делаю не так ?