¿Para qué sirve value={} en las entradas de React? Actualmente tengo un estado de const [username, setUsername] = useState(""); y un elemento de entrada en mi formulario que actualiza lo que el usuario esté escribiendo en la entrada del estado.
<input type="text" value={username} name="Username" onChange={({target}) => setPassword(target.value)}/>
¿Por qué necesito especificar el valor en la entrada? ¿Cuál es el propósito de que el valor sea la nueva variable de estado? Parece funcionar bien sin el value={} si lo elimino
Hacerlo con un apoyo de valor se denomina "componente controlado" y, de lo contrario, es un "componente no controlado". Ambos enfoques son compatibles con reaccionar, pero el componente controlado le brinda más... bueno... control. Si alguna vez necesita hacer algo que se desvía del comportamiento integrado del navegador, entonces debe usar un componente controlado.
Entonces, por ejemplo, si desea tomar lo que el usuario escribió y convertirlo en mayúsculas, necesita un componente controlado. Si desea tener un botón que borre el texto de sus entradas, necesita un componente controlado. El único caso que funciona con componentes no controlados es si quiere literalmente lo que escribe el usuario.