Estoy enviando datos (cadena) desde la función de envío y quiero devolver el objeto que se devolvió como resultado de la solicitud POST, pero dado que axios funciona de forma asíncrona, la declaración de devolución se ejecuta antes del resultado de la solicitud POST. por favor ayuda
dispatch({ type: "INCREASE_VOTES_QUESTION", payload: loginUser.id }) export default function reducer(state, action) { if (action.type === "INCREASE_VOTES_QUESTION") { let updatedSingleQuestion axios({ method: "POST", url: `http://localhost:5000/questions/${question_id}/votes-update`, withCredentials: true, data: { action: "increase", id: action.payload }, }).then((res) => { updatedSingleQuestion = res.data }) return updatedSingleQuestion } }La función reductora no debería realizar la llamada en sí misma. Deben ser funciones puras sin efectos secundarios. Llamar a una API a través de axios se considera un efecto secundario.
Una mejor opción sería encapsular su lógica en una función (o extraerla a un enlace), que luego envía una acción con el resultado de la llamada axios.
function incrementCount(questionId, dispatch) { axios({ method: "POST", url: `http://localhost:5000/questions/${questionId}/votes-update`, withCredentials: true, data: { action: "increase", id: action.payload }, }).then((res) => { dispatch({type: "QUESTION_VOTES_CHANGED", payload: {questionId, votes: res.data}}); }); }Ahora su función de reducción puede manejar la acción QUESTION_VOTES_CHANGED:
function reducer(state, action) { if (action.type === "QUESTION_VOTES_CHANGED") { return { ...state, [action.payload.questionId]: action.payload.votes }; } return state; }Esto funcionará con un estado que se parece a:
{ "Question1": 1, "Question2": 8 }Desafortunadamente, reducer no puede devolver ningún valor al código desde el que se llama. Como se dice en esta pieza de documentación:
Reducers are functions that take the current state and an action as arguments, and return a new state result.
Por otro lado, puede actualizar su tienda dentro del reductor y obtener nuevos valores al suscribir su código de cliente a las actualizaciones.
Aquí hay una muy buena ilustración del flujo general.