درس 9 من 10
Forms في React
في React تكون form inputs غالباً controlled components، أي أن React تدير قيمتها عبر state. استخدم onChange لتحديث state و value لعرض القيمة.
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>
);
}