0

Не могу понять в чем проблема при создании action creator с redux-thunk. Максимально упростил код, чтобы показать саму проблему.

Мой action creator:

export const fetchTableData = () => async (dispatch: Dispatch<crmAction>) => {
  dispatch({type: CrmActionType.FETCH_TABLE_DATA})
}

Сам вызов action creator в компоненте:

useEffect(() => {
    dispatch(fetchTableData())
}, [])

И сам редьюсер:

import {crmAction, CrmActionType, crmState} from "../../types/crm"

const defaultState = {
  isLoadingTableData: false,
}

export const crmReducer = (state: crmState = defaultState, action: crmAction
):
  crmState => {
  switch (action.type) {
    case CrmActionType.FETCH_TABLE_DATA:
      return {
        ...state,
        isLoadingTableData: true
      }
    default:
      return state
  }
}

Update: Подключение thunk:

import {createStore, combineReducers, applyMiddleware, compose} from "redux"
import {composeWithDevTools} from "redux-devtools-extension"
import thunk from "redux-thunk"
import {crmReducer} from "./reducers/crmReducer"

const rootReducer = combineReducers({
  crm: crmReducer
})

export type RootState = ReturnType<typeof rootReducer>

export const store = createStore(
  rootReducer,
  compose(composeWithDevTools(), applyMiddleware(thunk))
)

2
  • может ты не правильно thunk подключил, он ругается что вместо ожидаемого объекта он получает функцию, такое чувство что не видит middleware, покажи код где ты его подключил 18 авг 2021 в 6:55
  • Вроде подключил все верно, код добавил в вопрос 18 авг 2021 в 8:41

1 ответ 1

1

Действительно я не верно подключил thunk, чтобы решить проблему нужно лишь поставить подключение thunk первым аргументом в функцию compose()

Вместо

export const store = createStore(
  rootReducer,
  compose(composeWithDevTools(), applyMiddleware(thunk))
)

Нужно написать

export const store = createStore(
  rootReducer,
  compose(applyMiddleware(thunk), composeWithDevTools())
)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.