Loading, please wait...

How do I suppress the UI rendering in Blazor?

This code will help you to understand how to suppress the UI rendering in Blazor.

Override the ShouldRender method to suppress UI rendering. If the implementation returns true, the UI is refreshed. Initial rendering cannot be prevented using this method.

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
 
@code {
    private int currentCount = 0;
    private bool shouldRender = true;
 
    private void IncrementCount()
    {
        shouldRender = false;
        currentCount++;
    }
 
    protected override bool ShouldRender()
    {
        return shouldRender;
    }
}

I would suggest you check the below link for better understanding:

https://docs.microsoft.com/en-us/aspnet/core/blazor/lifecycle?view=aspnetcore-3.1#suppress-ui-refreshing