c# - Blazor，如果加载则返回/停止渲染

Question

我们在所有 Blazor 页面中都有与下面类似的代码，以简单地停止呈现直到加载完成。它似乎工作正常，但该网站还没有经过那么多测试。

我有点担心，这意味着页面中间的 return; 会/可能会以某种方式扰乱 blazors 流，导致内存泄漏或其他问题。

我看到的每个示例都改用 if/else，但如果下面的示例有效，则更倾向于减少页面的嵌套和复杂性。

那么，这个方法好用吗，还是会给我们带来问题呢？

一个简化的例子:

@usings/injects here
    
@if (IsLoading)
{
    @:Loading content..
    return;
}
    
<p>This will not be rendered until page is initialized and Model populated</p> 
<p>@Foo.Bar</p>
    
@code {
    public bool IsLoading { get; set; } = true;
    public FooModel Foo { get; set;}
    
    protected override async Task OnInitializedAsync()
    {
        try
        {
            Foo = await GetFooFromRepo();
        }
        catch (Exception ex)
        {
            Toaster.Add("Something went wrong when loading foo.", 
                 MatToastType.Danger, "Error");
        }
        finally
        {
            IsLoading = false;
        }
    }
}

Answer 1

我不会使用这种方法，

我推荐的方法是使用 @if-else语句，如下所示:

@if (IsLoading)
{
    @:Loading content..
}
else 
{  
  <p>This will not be rendered until page is initialized and Model populated</p> 
  <p>@Foo.Bar</p>
}