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.
[Counter.razor]
@page "/counter"
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
<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;
}
}
Share with