Estoy tratando de actualizar una matriz de estado anidado con un objeto con claves dinámicas, pero tengo algo ligeramente fuera de lugar y esperaba que alguien pudiera ayudarme a guiarme en la dirección correcta:
state array: [ 0: { createdTime: 'XXX', id: 'XXX', fields: { k1: v1, k2: v2, k3: v3, } ]Tengo un componente funcional que devuelve un objeto como:
mi = { k2: v4 }
el siguiente código está cerca pero un poco apagado:
onInfoEditSubmit = (props, e, n) => { if (Object.keys(e).length > 0) { let dl = new DataLayer() dl.updateStartupRecord(props.current_startup_or_engagement.id, e) this.setState(prevState => ({ startup_records: prevState.startup_records.map( r => r.id === props.current_startup_or_engagement.id ? { ...r, fields: { ...r.fields, e } }: r ) })) } }nueva matriz de estado después de este código:
state array: [ 0: { createdTime: 'XXX', id: 'XXX', fields: { k1: v1, k2: v2, k3: v3, e: {k2: v4} } ]Estaba siguiendo esta publicación: Actualización de un objeto con setState en React
En este ejemplo, solo estoy actualizando una sola propiedad, pero me gustaría que esto funcione para varios valores nuevos, por lo que un objeto de entrada podría verse así:
e = {k2: v4, k3: v5}
¿Puedo hacer lo que estoy tratando de hacer con este método? ¡Cualquier ayuda sería muy apreciada, gracias!
También necesita usar el operador de propagación para e :
onInfoEditSubmit = (props, e, n) => { if (Object.keys(e).length > 0) { let dl = new DataLayer() dl.updateStartupRecord(props.current_startup_or_engagement.id, e) this.setState(prevState => ({ startup_records: prevState.startup_records.map( r => r.id === props.current_startup_or_engagement.id ? { ...r, fields: { ...r.fields, ...e // spread operator here } }: r ) })) } }