Docs

Lifecycle

Override lifecycle methods to load data and react to parameter changes.

The methods

  • OnInitialized / OnInitializedAsync — runs once when the component is created
  • OnParametersSet / OnParametersSetAsync — runs when parameters change
  • OnAfterRender / OnAfterRenderAsync — runs after the DOM is updated (JS interop here)

Async loading

razor
razor
@code {
    private Item[]? items;
    protected override async Task OnInitializedAsync()
    {
        items = await Http.GetFromJsonAsync<Item[]>("/api/items");
    }
}