Estoy tratando de almacenar información cada vez que ocurre un cambio en el valor de un elemento de entrada.

 const [inputs, setInputs] = useState({}) const addInput = (name, value, type) => { setInputs(() => { inputs[name] = { "value": value, "type": type } return inputs }) } ... const handleInput = (event) => { addInput(props.name, event.target.value, event.target.type) ... }

Tengo un objeto vacío llamado entradas , y si el usuario escribe dentro de una entrada como esta:

 <input name="username" value={onChange} type="text">

el objeto de entrada debería tener ahora una propiedad llamada nombre de usuario:

 { username: { type: "text", value: : "text-from-the-user", } }

pero mi problema es: cuando agrego dos entradas o más dentro de este objeto de entradas , se produce una anulación en todas las propiedades que no tienen cambios.

Por ejemplo: Si tengo dos objetos dentro de las entradas ...:

 { username: { type: "text", value: : "John", }, email: { type: "email", value: : undefined, }, }

...y agrego algo de texto en la entrada del correo electrónico, el objeto de entrada pierde los datos del objeto de nombre de usuario:

 { username: { type: undefined, value: : undefined, }, email: { type: "email", value: : "Jhon123@yahoo.com", }, }

Entonces, estoy tratando de implementar ...prev dentro de este setInput, pero tengo problemas con esto, porque dentro de este setInput digo que quiero crear nuevos objetos si no existen:

 ... inputs[name] = { "value": value, "type": type } ...