Estoy armando una aplicación simple de lista de tareas usando la pila MERN. Mi función create-todo de repente dejó de funcionar, obteniendo el error de consola de 400 solicitudes incorrectas. No recuerdo haber hecho ningún cambio en esa parte del código, comenzó después de agregar el registro/inicio de sesión del usuario. Aquí está mi código:

Controlador

 Todo.create(req.body) .then((data) => { console.log({ data }); res.json({ message: "todo added successfully", data }); }) .catch((err) => res.status(400).json({ message: "unable to add new todo", error: err.message, }) ); };

punto final

 /** * @route PUT api/todo/:id * @description update todo * @access public */

Interfaz

 const [data, setData] = useState({ title: "", description: "" }); function handleChange(e) { setData((data) => ({ ...data, [e.target.name]: e.target.value })); } function handleSubmit(e) { e.preventDefault(); axios .post("http://localhost:8000/api/todo", data) .then((res) => { setData({ title: "", description: "" }); console.log(res.data.message); }) .catch((err) => { console.log("Error couldn't create TODO"); console.log(err.message); }); }