Passing Props

Mengirim Data dengan Props

Props (properties) adalah cara React mengirimkan data dari komponen induk ke komponen anak. Props memungkinkan komponen menjadi dinamis dan dapat dikonfigurasi.

Cara Kerja Props

Props dikirimkan seperti atribut HTML dan diterima sebagai parameter objek di komponen:

function UserCard({ nama, role }) {
  return (
    <div className="card">
      <h3>{nama}</h3>
      <span>{role}</span>
    </div>
  );
}

Props adalah Read-Only

Satu hal penting: jangan pernah memodifikasi props di dalam komponen anak. Props bersifat immutable — komponen anak hanya boleh membaca, tidak boleh mengubahnya.