BlazorComponent

Справка по компонентам Blazor в "aspnetcore-5.0" About

Пример. Отрисовка компонента Blazor ASP.NET Core

Применение метода `StateHasChanged()`. Этот метод уведомляет компонент об изменении его состояния. Если это применимо, то произойдёт повторная визуализация компонента.

Current count: 0

Исходный код

-------------------------- CounterState1.razor --- компонент предок
@page "/counter-state-1"


<p>
    Current count: 0
</p>

<p>
    <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
</p>

@code {
    private int currentCount = 0;

    private async Task IncrementCount()
    {
        currentCount++;
       //‎Рендеры (Отрисовка) здесь автоматически‎

        await Task.Delay(1000);
        currentCount++;
        StateHasChanged();

        await Task.Delay(1000);
        currentCount++;
        StateHasChanged();

        await Task.Delay(1000);
        currentCount++;
        //‎Рендеры (Отрисовка) здесь автоматически‎
    }
}