← React3 / 78

Aturan JSX: Satu Root & Ekspresi {}

JSX harus dibungkus dalam 1 elemen root (atau Fragment <>...</>). Properti class ditulis sebagai className, dan variabel JS disematkan menggunakan kurung kurawal {}.

👀 Contoh dulu

function Card() {
  const produk = "Laptop";
  return (
    <div className="card">
      <h2>{produk}</h2>
    </div>
  );
}

Hasilnya: <h2>Laptop</h2> di dalam div.card

💡 Gunakan <>...</> (Fragment) jika tidak ingin menambah elemen div ekstra di HTML.

📝 Sekarang giliranmu

Buat komponen function Title() dengan const judul = "BiLearn", lalu kembalikan <h1>{judul}</h1>.

Preview
← SebelumnyaBerikutnya →