Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi ya belajarnya, masih seputar react js, kita telah belajar bagai mana cara membuat component pada react js sebelumnya, kali ini kita akan belajar tentang bagai mana cara menyisipkan child component pada react js.

Pada bagian sebelumnya kita telah membuat sebuah component functional pada file app.js yang scriptnya adalah seperti berikut ini:

Bisa teman-teman liat hasilnya pada browser adalah seperti berikut ini:

menyisipkan child component pada react js

Nah sekarang kita akan menyisipkan satu component lagi setelah component diatas, oke pertama pada forder src teman-teman buat dulu bolder  baru dengan nama bebas, disini saya namakan foldernya komponen lalu didalam folder komponen teman-teman buat satu file disini saya namakan paket.js dan didalam paket.js silahakan teman-teman buat sebuah file seperti berikut ini:

Saya membuat class paket dan saya isi nilai html yang saya membuat list didalamnya.

Nah sekarang kita akan memanggil file paket.js ini kedalam app.js

pertama teman-teman harus import dulu didalam file app.js seperti berikut ini

saya mengimport class yang saya buat pada paket.js yang ada difolder komponen, lalu menyisipkannya hanya tinggal mebuat element html sesuai nama class yang kita buat, atau bisa dibilang kita membuat element html sendiri hehe.

hasilnya akan seperti berikut ini:

menyisipkan child component pada react js1

Oke teman-teman saya rasa untuk tutorial kali ini tentang menyisipkan child component pada react js cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfat.

Terima kasih