React TutorialLesson 33Preview gratis
React Multiple Inputs
Lesson ini bagian dari React · Semua level
Ringkasan
Saat form memiliki banyak input, kamu tidak perlu membuat state terpisah untuk tiap kolom. Cukup satu objek state dengan properti sesuai nama input, lalu satu handler umum memakai atribut name untuk menentukan field mana yang diperbarui. Pola ini membuat kode form tetap ringkas dan mudah ditambah.
Poin kunci
- Simpan seluruh nilai form dalam satu objek state
- Gunakan atribut name untuk mengidentifikasi tiap input
- Handler membaca e.target.name dan e.target.value sekaligus
- Perbarui state secara immutable dengan spread operator
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.