Cuando escribo este código:
import React, { useState } from "react"; export default function App() { const [email, setEmail] = useState("student@example.com"); return ( <div> <input type="text" name="name" value={email} /> </div> ); }Y ejecutar en el navegador. Esto me da esta Advertencia:
Advertencia: un componente está cambiando una entrada no controlada para ser controlada. Es probable que esto se deba a que el valor cambia de indefinido a un valor definido, lo que no debería suceder. Decida entre usar un elemento de entrada controlado o no controlado durante la vida útil del componente.
¿Como puedo resolver esto?
no puede cambiar el valor de entrada porque el estado del correo electrónico no cambia. si desea cambiar el valor de entrada, debe usar el evento onChange en la etiqueta de entrada y luego onChange actualizar el estado.