Извлекать и отправлять в функции избыточного действия - PullRequest
0 голосов
/ 06 марта 2019

В моем проекте «Реакция / Избыток» я вызываю функцию из своего действия для извлечения данных из API.Fetch запускает запрос API ... но реакция не распознает dispatch ()

function getAuthenticatedUser() {
    ....

    return fetch("my.api/path", requestHeaders)
                .then(response => handleResponse(response))
                .then(response=>{
                    return response.json()
                }).then(responseJson =>{
                    dispatch(requestSuccess(responseJson.user))
                })

....
function requestSuccess(....
....

Затем я обернулся вокруг return dispatch следующим образом.Теперь он не выдает ошибок, но fetch () не запускает никаких запросов API.(Нет запросов в сети / XHR)

return dispatch => {
            return fetch("my.api/path", requestHeaders)
                .then(response => handleResponse(response))
                .then(response=>{
                    return response.json()
                }).then(responseJson =>{
                    dispatch(requestSuccess(responseJson.user))
                })
        }

Что мне не хватает?

1 Ответ

0 голосов
/ 06 марта 2019

Я нашел решение. Во-первых, я хочу поблагодарить 3 комментария на вопрос.

Сначала я установил redux-thunk. Я добавил промежуточное ПО в свой магазин:

import thunk from "redux-thunk";
...
export const store = createStore(
    rootReducer,
    applyMiddleware(thunk)
);

Затем я импортировал хранилище в свой компонент и отправил свою функцию действия. (Ранее я звонил прямо)

constructor(props) {
    ....
    store.dispatch(userActions.getAuthenticatedUser())

Теперь выборка и диспетчеры внутри выборки работают нормально.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...