Latihan 1 dari materi Form di React di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya const [email, setEmail] = useState(""), biarkan. Di dalam <div>:
Tambahkan <input id="email" /> yang controlled: value={email} dan onChange={(e) => setEmail(e.target.value)}.
Tambahkan <p id="preview"> yang menampilkan {email}.
Controlled berarti dua arah: state menentukan isi kolom lewat value, dan tiap ketikan menyimpan isi kolom ke state lewat onChange.
Pasang value={email} dan onChange di input id email. Di onChange, ambil isi kolom dari e.target.value lalu simpan dengan setEmail. Paragraf preview cukup menampilkan {email}.
