Mengapa “SEMUA” ?
Segala sesuatu di React adalah sebuah komponen. Ada dua cara untuk membuat komponen React. Cara pertama adalah dengan menggunakan fungsi JavaScript. Komponen stateless adalah komponen yang dapat menerima data dan merendernya, namun tidak mengelola data tersebut.
Untuk membuat komponen dengan suatu fungsi, cukup tulis fungsi JavaScript yang mengembalikan JSX atau null. Misalnya,
Cara lain untuk membuat komponen adalah menggunakan kelas seperti yang ditunjukkan di bawah ini.
Ini menciptakan kelas Ari yang memperluas kelas React.Component. Jadi kelas Ari sekarang memiliki akses ke banyak fitur React yang berguna, seperti local state dan lifecycle hooks. Tidak perlu khawatir jika kita belum mengetahuinya. Konstruktor menggunakan super() untuk memanggil konstruktor kelas induk, dalam hal ini React.Component. Konstruktor adalah metode khusus yang digunakan selama inisialisasi objek yang dibuat dengan kata kunci class. Praktik terbaiknya adalah memanggil konstruktor komponen dengan super, dan meneruskan props ke keduanya. Ini memastikan komponen diinisialisasi dengan benar. Ari didefinisikan dalam editor kode menggunakan sintaks kelas. Selesaikan penulisan metode render sehingga mengembalikan apa yang akan dirender. KITA HARUS MEMILIKI RENDER( ) YANG KEMBALI!
Komponen Penyusun
Untuk menyusun komponen bersama-sama, kita harus membuat komponen induk yang menjadikan masing-masing komponen ini sebagai anak.
