Pada contoh di atas, kita memiliki dua komponen. Pertama, kita memiliki komponen Button yang merupakan tombol sederhana. Komponen ini menerima dua props: label untuk menampilkan teks pada tombol, dan onClick untuk menangani kejadian saat tombol ditekan.
Kemudian, kita memiliki komponen utama App. Komponen ini memiliki metode handleClick yang akan menampilkan pesan ketika tombol ditekan. Di dalam metode render komponen App, kita mengatur tampilan dengan judul dan menggunakan komponen Button dengan props yang sesuai.
Terakhir, kita menggunakan ReactDOM.render untuk merender komponen utama App ke dalam elemen dengan id "root" pada HTML.
Dengan cara ini, kita telah menggunakan komponen Button dalam komponen utama App. Ketika tombol diklik, fungsi handleClick di dalam komponen App akan dipanggil, dan kita akan melihat pesan peringatan.
Itulah contoh sederhana penggunaan komponen dalam React. Anda dapat membangun komponen-komponen yang lebih kompleks dan menggabungkannya untuk membuat aplikasi web yang lebih canggih.
0 komentar:
Posting Komentar