Ax ios React / Redux - не срабатывает при использовании создателя действий thunk? - PullRequest
1 голос
/ 04 августа 2020

Я пытаюсь интегрировать thunk, чтобы получить redux, чтобы позволить ax ios выполнять асинхронные вызовы к внутреннему API, который у меня есть. в сокращении и машинописном тексте.

По какой-то причине я не могу добиться, чтобы конечная точка была достигнута при использовании создателя действия «рекомендуемый преобразователь», например:

export const getAllCharacters = () => {
return (dispatch: Dispatch) => {
    axios.get(charactersAPI())
    .then(response => {
        dispatch(loadCharacters(response.data));
    })
}

}

Если я удалите часть return (dispatch) = () => {} и просто получите запрос ax ios, он работает и попадает в конечную точку, однако я не могу ничего обновить.

Я установил thunk и, похоже, могу получить доступ к другим частям состояния без проблем, я просто не могу запустить эту асинхронную c часть.

store:

const store = createStore(
appReducers, 
compose((window as any).__REDUX_DEVTOOLS_EXTENSION__ && (window as any).__REDUX_DEVTOOLS_EXTENSION__(),
applyMiddleware(thunk)));

У меня такое чувство, что это сложнее, потому что я Я пытаюсь одновременно преобразовать в машинописный текст и добавить сокращение.

Любая помощь приветствуется, спасибо.

1 Ответ

0 голосов
/ 04 августа 2020

Попробуйте обернуть getAllCharacters внутрь mapDispatchToProps, как показано ниже

mapDispatchToProps = (dispatch: Dispatch) => ({
  getAllCharacters: (...) => dispatch(getAllCharacters(...))
})
...