Study
Blazor

Lifecycle Methods

Penjelasan

Component Blazor punya lifecycle method yang bisa di-override: OnInitializedAsync() (dipanggil sekali saat component pertama diinisialisasi, cocok untuk fetch data awal — analog ngOnInit Angular/onMounted Vue), dan OnParametersSetAsync() (dipanggil tiap kali Parameter dari induk berubah nilainya).

Contoh Konsep

@code {
    private List<string>? produk;

    protected override async Task OnInitializedAsync()
    {
        produk = await ProdukService.AmbilSemuaAsync();
    }

    protected override async Task OnParametersSetAsync()
    {
        // dipanggil tiap kali Parameter component ini berubah
        await Task.CompletedTask;
    }
}

Praktikum

Buat component dengan override OnInitializedAsync() yang mencetak "Component dimuat" ke console lewat Console.WriteLine(), dijalankan HANYA SEKALI saat component pertama muncul.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

SELALU tulis kata kunci override saat mengimplementasikan lifecycle method (mis. protected override async Task OnInitializedAsync()) — lupa override membuat method-mu jadi method BIASA yang TIDAK PERNAH dipanggil Blazor secara otomatis, tanpa pesan error yang jelas karena secara teknis kodenya tetap valid C#.