Проблема Axios React Redux с отправкой функции
У меня проблема с отправкой функции, она работает правильно в redux devtools, когда я устанавливаю тип действия и пример полезной нагрузки, поэтому redux написано правильно, но я не могу отправить функцию:
export const fetchJson = () => {
return (dispatch) => {
dispatch(fetchJsonRequest())
axios.get(data + "my_url")
.then(response => {
const data = response.data
dispatch(fetchJsonSuccess(data))
})
.catch(error => {
const errorMsg = error.message
//dispatch(fetchJsonFailure(errorMsg))
console.info(errorMsg)
})
}
}
работает, когда я комментирую все строки с рассылкой, заранее спасибо за помощь.
Ответы 1
Вы хотите передать отправку в своей функции возврата, но вы не можете сделать это только с помощью redux. Для этого вам понадобится промежуточное ПО redux-thunk.
Ref. редукционный преобразователь
После установки redux-thunk ваш код должен работать.
Можете ли вы тогда поделиться своей функцией fetchJsonRequest ()?
export const fetchJsonRequest = () => {return {type: FETCH_JSON_REQUEST}}
case 'FETCH_WOMAN_JSON_REQUEST': вернуть {... состояние, загрузка: истина}
Результатом fetchJsonRequest будет «FETCH_JSON_REQUEST», но случай, который вы проверяете, - «FETCH_WOMAN_JSON_REQUEST»? Кроме того, вы можете обновить свой вопрос с помощью редуктора и функции fetchJsonRequest в нем.
Извините, я изменил имя, чтобы опубликовать его, это 'FETCH_JSON_REQUEST': return {... state, loading: true}
для успеха: export const fetchJsonSuccess = (data) => {return {type: FETCH_JSON_SUCCESS, payload: data}}
case 'FETCH_JSON_SUCCESS': return {... состояние, загрузка: false, data: action.payload}
Я знаю, что вы новичок в StackOverflow. На самом деле вы можете обновить свой вопрос и добавить функцию извлечения. Люди могут легко увидеть ваши коды.
эй спасибо, я обнаружил ошибку, это отсутствие рассылки в одном месте :)
Добро пожаловать. рад это слышать!
спасибо, но я реализовал redux-thunk