Menangani Peristiwa
Bagian dari kursus React
Komponen yang hanya me-render berdasarkan props dan state tidak interaktif dengan sendirinya, harus ada yang menyadari ketika pengguna mengklik tombol, mengetik di sebuah field, atau menekan tombol keyboard, lalu mengubahnya menjadi pembaruan state. Kamu sudah memasang satu onClick di pelajaran sebelumnya tanpa sempat dijelaskan.
React memungkinkan kamu memasang event handler langsung ke elemen JSX lewat prop yang dinamai sesuai event DOM yang ditanggapinya, ditulis dalam camelCase: onClick untuk klik, onChange untuk perubahan input, dan seterusnya. Nilai prop itu adalah sebuah fungsi, entah yang kamu definisikan terpisah atau kamu tulis langsung di tempat.
Ingin belajar React Menangani Peristiwa di lingkungan nyata?
Klik di bawah, dapatkan mesin Linux dengan React siap pakai, dan kerjakan Menangani Peristiwa secara praktik dengan tutor AI yang memahami kodemu.
Mulai pelajaran iniMenangani PeristiwaYang akan kamu pelajari
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
Baca pelajaran ini dalam bahasamu
Semua pelajaran di kursus ini
17 pelajaran- 1Apa itu React?25 mnt
- 2JSX dan Components30 mnt
- 3Props30 mnt
- 4State dengan useState35 mnt
- 5Menangani Peristiwa30 mnt
- 6Rendering Bersyarat dan Daftar30 mnt
- 7Formulir dan Controlled Inputs35 mnt
- 8Effects dengan useEffect40 mnt
- 9Pengambilan Data40 mnt
- 10Komposisi Component35 mnt
- 11Context dan useContext35 mnt
- 12useReducer35 mnt
- 13Hook Kustom35 mnt
- 14Performa dan Memoization35 mnt
- 15Perutean dengan React Router40 mnt
- 16Menguji Components React40 mnt
- 17Capstone: Aplikasi Todo60 mnt
Lihat kursus lain
