Cara Membuat Relasi Antar Class Pada React

Versi terbaru JavaScript (ES6) telah mendukung paradigma object-oriented (OOP), dengan begitu, kode program yang dibuat akan menjadi lebih rapih dan terstruktur. Salah satu sifat dari OOP adalah relasi antara class induk dan anak atau lebih dikenal inheritance. Nah kali ini kita akan membuat relasi antar class pada React.

Perhatikan gambar di bawah ini.

Pada kode di atas, kita membuat class children dengan nama DisplayHello, kemudian render <h1>Hallo Semua</h1>.

Kemudian pada class parent yakni Hello, kita panggil class DisplayHello dengan cara membuat tag <DisplayHello />.

Kita jalankan pada browser.

Kemudian kita akan melakukan passing data dari class parent ke class children menggunakan props.

Kita refresh kembali browser.

9 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat