Tengo un solo objeto con un par de valores clave y necesito reemplazar el primer par de valores clave con un nuevo valor clave en react.js. He tratado de hacer un proceso inmutable como
const data = { firstKey : firstValue, secondKey : secondValue, thirdKey : thirdValue } const newData = {...data, newFirstKey: newFirstValue}pero está agregando un nuevo par de valores clave al objeto
Ese es el comportamiento esperado. Consulte los documentos de MDN sobre la difusión de objetos.
Si desea reemplazar un valor, debe usar el nombre de la propiedad que desea reemplazar y establecer el nuevo valor.
const data = { firstKey : "firstValue", secondKey : "secondValue", thirdKey : "thirdValue" } const newData = {...data, firstKey: "newFirstValue"} console.log(newData)Si usa un nuevo nombre de propiedad desconocido, esta nueva propiedad se agregará al objeto.
const data = { firstKey : "firstValue", secondKey : "secondValue", thirdKey : "thirdValue" } const newData = {...data, unknownProperty: "newFirstValue"} console.log(newData)