Parameters: Mengirim Data ke Component Anak
Penjelasan
[Parameter] menandai properti public supaya bisa diisi dari LUAR component (dari induk) — setara props di React/Vue. Properti itu WAJIB public dan HARUS punya { get; set; }, ditandai atribut [Parameter] tepat di atasnya.
Contoh Konsep
@* KartuProduk.razor *@
<div class="kartu">
<h2>@Nama</h2>
<p>Rp @Harga</p>
</div>
@code {
[Parameter]
public string Nama { get; set; } = "";
[Parameter]
public int Harga { get; set; }
}
@* Dipakai di component lain: *@
@* <KartuProduk Nama="Kaos CompileDaily" Harga="99000" /> *@Praktikum
Buat component KartuArtikel.razor dengan [Parameter] Judul (string) dan Penulis (string), menampilkan keduanya dalam <h2> dan <p>. Pakai component itu minimal 2 kali di component lain dengan data berbeda.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Konvensi penamaan Parameter di Blazor memakai PascalCase (Nama, Harga — huruf awal kapital), BEDA dengan React/Vue yang props-nya camelCase — ini karena Parameter memang properti C# biasa, mengikuti konvensi penamaan C# standar, bukan konvensi JavaScript.