Creé un servidor JSON falso usando npm i json-server en mi aplicación React. Creé un archivo db.json y creé la siguiente función para enviar una nueva 'tarea' al servidor para persistencia:
const addTask = async task => { const res = await fetch(`http://localhost:5000/tasks`, { method: 'POST', headers: { 'Content-type': 'application/json' }, body: JSON.stringify(task) }) const data = await res.json() setTasks([...tasks, data]) }Ahora, así es como se guarda mi db.json:
{ "tasks": [ { "id": 1, "text": "Doctors Appointment", "day": "Feb 5th at 2:30PM", "reminder": true }, { "text": "SWE Interview", "day": "May 9th at 9:30AM", "reminder": false, "id": 2 }, { "text": "School Meeting", "day": "Feb 11th at 5:30PM", "reminder": false, "id": 3 } ] }id: 1 se ingresó manualmente y id: 2 e id: 3 se publicaron utilizando la interfaz de usuario. ¿Cómo puedo hacer que sigan el mismo patrón de disposición que id:1, es decir, id, texto, día y luego recordatorio?
El orden de las claves en JSON no debería tener ningún efecto en los datos. Si aún necesita que el objeto esté en un orden específico, escribiría una función personalizada para clasificar el JSON. Aquí está el código que se me ocurrió:
function stringifyTask(task) { return `{ "id": ${task.id}, "text": "${task.text}", "day": "${task.day}", "reminder": ${task.reminder} }` }