Blazor-StateHasChanged

原创

于 2025-02-04 00:24:51 发布 · 1.6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#blazor #c#

调用StateHasChanged()方法可以呈现组件UI，使用StateHasChanged方法也会增加成本开销。在Razor组件的呈现中，大部分的方法是不需要
通常情况下，Blazor会在状态变化时自动触发重新渲染，因此只有在需要显式控制重新渲染时（如异步操作或外部事件处理）才需要使用 StateHasChanged。
如果在 Blazor 的生命周期方法（如 OnInitializedAsync 或 OnParametersSetAsync）中，框架会自动检测并调用 StateHasChanged，因此在这些地方不需要手动调用。
自动呈现由ComponentBase 基类完成。

需要手动调用的时机
(1) 在异步处理程序中调用了多个异步方法。
(2) 在 Blazor 不受管理的外部调用事件处理程序。

下面我们通过例子来看看什么时候需要调用

异步调用

@page "/injectPage"
@rendermode InteractiveAuto
<h3>InjectPage</h3>
<button @onclick="ShowName">修改</button>
<p>@name</p>
@code {
   
   
    string name = "0";
    public async Task ShowName(){
   
   
        name = "1";

        await Task.Delay(2000);
        name = "2";

        await Task.Delay(2000);
        name = "3";
    }