Hai teman-teman semuanya, semoga tetap dalam keadaan sehat, kita lanjut lagi belajar tentang library javascript react, pada tutorial sebelumnya tentang react js kita telah belajar bagaimana cara membuat sebuah component sederhana dengan menggunakan class pada react js, untuk pembahasan kali ini kita akan membuat functional component pada react js.

Functional component adalah membuat sebuah component pada react tidak dengan menggunakan class, tetapi membuat membuat sebuah component dengan menggunakan function, untuk lebih jelasnya silahakan teman teman buka file app.js lalu teman-teman hapus script yang ada disana, dan ketikan script ini:

Script diatas adalah cara kita membuat component pada react dengan menggunakan class,

Hasilnya akan tercetak text h1 selamat pagi juara pada browser teman-teman,

ketika kita membuat functional component kita bisa ketikan script berikt ini:

Kita tidak mengimport component, melainkan kita membuat sebuah const text yang merupakan sebuah arrow function yang mereturn text h1 selamat pagi juara, hasilnya akan sama ketika kita membuat menggunakan component class,

oke teman-teman untuk tutorial kali ini tentang functional component pada react js cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih.