Komponen = Fungsi Mengembalikan JSX

Komponen React adalah fungsi JavaScript yang mengembalikan sintaks bernama JSX. Nama komponen WAJIB menggunakan huruf kapital (PascalCase).

👀 Contoh dulu

function Header() {
  return <header className="navbar">Selamat Datang</header>;
}

Hasilnya: Elemen header dirender ke layar.

💡 Nama fungsi komponen harus diawali huruf kapital agar React mengenalinya sebagai komponen.

📝 Sekarang giliranmu

Buat komponen function Button() yang mengembalikan <button className="btn">Klik Saya</button>.

Preview