When a page is requested, server-side rendering is performed first, and then the browser displays the server-side rendered content. When the wasm download is completed, the page is rendered. If the rendering logic of the server and wasm are different, the page will flash.
For Example:
@if(imageID == 0)
{
<img src="images/banner1.jpeg" class="w-full object-cover object-center">
}
else if(imageID == 1)
{
<img src="images/banner2.jpeg" class="w-full object-cover object-center">
}
else
{
}
@code{
int imageID = -1;
protected override void OnInitialized()
{
Random rd = new Random();
imageID = rd.Next(1, 1000) % 2;
}
}
I want the page to be rendered only once but I don’t find a way.
In addition to disabling wasm secondary rendering, are there any other methods?
thanks