Tengo un formulario que estoy tratando de usar para actualizar un componente de React. El estado parece estar alterado porque no vuelve a generar ningún problema cuando presiono enviar, pero los datos no persisten. Más importante aún, recibo un 404 que dice que no se puede encontrar el objeto json que estoy tratando de cambiar.
Creo que tiene algo que ver con la forma en que estoy tratando de usar mi solicitud de axios en mis acciones, pero no me sorprendería si estoy fuera de lugar por mirar esto por mucho tiempo.
Aquí están los datos relevantes
Rutas
const User = db.model('user') const router = require('express').Router(); router.put('/:id', (req, res, next) => { User.findById(req.params.id) .then(user => user.update(req.body)) .then(updated => res.status(201).json(updated)) .catch(next) })Comportamiento
const editUser = (userId, userInfo) => ({ type: UPDATE_USER, userId, userInfo }) export const updateUser = function(id, info) { return dispatch => { dispatch(editUser(id, info)) axios.put(`/api/users/${id}`, {info}) .catch(err => console.error("Wasn't able to update user.", err)) } }Aquí están los errores que estoy recibiendo
POST http://localhost:1337/api/users/1 Wasn't able to update property. 404 (Not Found) Error: Request failed with status code 404 at createError (createError.js:15) at settle (settle.js:18) at XMLHttpRequest.handleLoad (xhr.js:77)Y ese URI existe totalmente, por lo que realmente no veo por qué la solicitud parece pensar de otra manera.
¡Cualquier ayuda es apreciada!
Lo averigué. Necesitaba una línea adicional usando .then para enviar la información a mi base de datos.
export const updateUser = function(id, info) { return dispatch => { dispatch(editUser(id, info)) axios.put(`/api/forSale/${id}`, info) .then(res => res.data) .catch(err => console.error("Wasn't able to update property.", err)) } }