List Rendering: @foreach
Penjelasan
@foreach dipakai untuk menampilkan koleksi (List<T>, array, dst) sebagai daftar elemen berulang — sintaksnya persis foreach C# biasa. Blazor TIDAK mewajibkan atribut key seperti React/Vue/Angular, tapi tetap disarankan memakai @key untuk koleksi yang bisa berubah urutan, supaya Blazor lebih efisien mencocokkan elemen saat re-render.
Contoh Konsep
<ul>
@foreach (var item in bahasa)
{
<li @key="item">@item</li>
}
</ul>
@code {
private List<string> bahasa = new() { "C#", "TypeScript", "Dart" };
}Praktikum
Buat properti produk berisi List berisi 3 objek anonim/record {Id, Nama}. Tampilkan sebagai daftar <li> lewat @foreach, memakai @key="item.Id".
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
record di C# (dipakai di contoh Produk) adalah cara ringkas mendefinisikan class data immutable dengan constructor otomatis — cocok untuk data sederhana seperti item dalam daftar, alternatif lebih ringkas dibanding class biasa dengan banyak boilerplate properti.