Lesson 9 of 10
Forms in React
In React, form inputs are controlled components — React manages their values through state. Use onChange to update state and value to display it. Handle submission with 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>
);
}