Necesito cambiar las propiedades anidadas dinámicamente de un objeto iterando a través de una matriz de propiedades
import {set} from 'lodash'; const [request, setRequest] = useState(someDefaultProps); const someFun = (properties) => { let newRequest = {}; properties.forEach(({property, value}) => { newRequest = set(request, property, value); }) setRequest(newRequest); }Después de cambiar la solicitud a través de usestate, se debe ejecutar una nueva solicitud, pero no pasa nada, ya que usestate no se dispara.
También intenté usar la función set de lodash/fp y aunque ahora funciona la solicitud, la aplicación se comporta de manera muy extraña. En este caso, los datos de la solicitud son antiguos incluso después de algunos cambios. Por ejemplo, hay un botón de radio, cuando hace clic en él, el campo someFlag del objeto de solicitud debe establecerse en falso, que es lo que sucede. Pero si comienza a escribir en el campo de entrada, cambia otra propiedad del objeto de solicitud y el valor anterior de someDefaultProps se establece en el campo someFlag, aunque someFlag no debería cambiar durante la entrada.
te agradeceria tu ayuda
La mayor parte de la funcionalidad de la biblioteca lodash ya está en versiones modernas de JS
A veces vale la pena aprender cosas nuevas y no luchar con la integración de bibliotecas.
const [request, setRequest] = useState(someDefaultProps); const someFun = (properties) => { const newRequest = {...request}; // make sure to create new instance and not use the original state properties.forEach(({property, value}) => { newRequest[property] = value }) setRequest(newRequest); }