No uses useState con tus forms en React
Cuando desarrollas tus form
en React es normal usar el hook useState
para manejar el estado de cada input
, esto es correcto y funcional, pero es normal que hasta el submit
accedas a los datos del form, al usar useState
cada vez que un input
cambia se lanza un nuevo render lo que podria llegar a consumir muchos recursos, ya que React reconstruye los elementos del DOM, te dejo un ejemplo.
Pero como podriamos optimizar y simplificar el manejo de nuestros input
? React nos ofrece el hook useRef
con el cual podemos establecer una referencia con un elemento del DOM y acceder a sus propiedades, en nuestro caso al valor, useRef
tiene la ventaja de no lanzar un nuevo render cada vez el elemento referenciado cambia, lo que hace el proceso mas eficiente, te dejo un ejemplo de como usar useRef
con tus form
.