Así que estoy haciendo una aplicación CRUD simple tratando de familiarizarme con redux. Básicamente, estoy transfiriendo datos de un formulario y enviando una solicitud de publicación al servidor para crear una nueva publicación de blog (más o menos). Aquí está el código para onSubmit:
const handleSubmit = (e) => { e.preventDefault() dispatch(createPost(postData)); }Esta es la acción que se envía y de dónde proviene el error (src/actions/posts.js):
export const createPost = (post) => async (dispatch) => { try { const { data } = await api.createPost(post); dispatch({ type: "CREATE", payload: data}); } catch (error) { console.log(error.message); } }Esta función no puede desestructurar los datos de la respuesta de la API porque la respuesta no está definida. Aquí está el código que envía la solicitud desde src/api/index.js:
export const createPost = (newPost) => { axios.post(url, newPost); }Cuando consola.log la respuesta de esta función usando .then(), devuelve un 201 junto con exactamente lo que uno esperaría de una solicitud exitosa. Entonces, la respuesta devuelve 201 y la entrada se agrega a la base de datos, pero mi función de acción no puede desestructurar los datos de la respuesta porque no está definida. ¿Cuál es mi estúpido error?
No está devolviendo un valor de la función. Probar
export const createPost = (newPost) => { return axios.post(url, newPost); }