Lección 9 de 10
Formularios en React
En React, los inputs de formularios suelen ser componentes controlados: React gestiona sus valores mediante state. Usa onChange para actualizar state y value para mostrarlo. Maneja el envío con onSubmit.
REACT
function ContactForm() {
const [name, setName] = useState("");
function handleSubmit(e) {
e.preventDefault();
alert("Hello, " + name);
}
return (
<form onSubmit={handleSubmit}>
<input
type="text"
value={name}
onChange={e => setName(e.target.value)}
/>
<button type="submit">Submit</button>
</form>
);
}