Blazor WASM子组件通知父组件状态变更的实现问题排查

你的实现存在5个明确问题，直接导致逻辑不生效：

• 类型命名不统一：自定义的通知类名为NotificationHandler，但父子组件中引用的类型是StateNotifier，类型不匹配会直接导致传参、编译阶段出错
• 通知对象未实例化：父组件中声明的stateNotifier没有初始化赋值，默认值为null，调用Attach方法时会直接抛出空引用异常
• 方法隐藏逻辑错误：用new关键字定义的StateHasChanged是全新的方法，和组件基类的同名方法没有重写关系，事件绑定的是基类的StateHasChanged，你自定义的逻辑永远不会被执行
• 事件生命周期问题：没有在组件销毁时解绑事件委托，会造成内存泄漏
• 事件处理方法不规范：子组件用async void定义用户操作响应方法，Blazor无法跟踪该方法的执行生命周期，容易出现状态更新不同步、异常无法捕获的问题

1. 统一通知服务类 #

保持你原本的通知类逻辑，统一命名即可：

public class NotificationHandler
{
    public event Action? Dispatcher;

    public void Notify() => Dispatcher?.Invoke();

    public void Attach(Action dispatcher) => Dispatcher += dispatcher;
    public void Release(Action dispatcher) => Dispatcher -= dispatcher;
}

2. 父组件实现 #

需要实例化通知对象，绑定独立的回调方法，实现IDisposable接口解绑事件：

@implements IDisposable
<div>
    <ChildComponent StateNotifier="stateNotifier" />
    <!-- 父组件展示的状态内容 -->
    <p>最后通知时间：@updateTime</p>
</div>

@code
{
    private readonly NotificationHandler stateNotifier = new();
    private string updateTime = string.Empty;

    protected override void OnInitialized()
    {
        stateNotifier.Attach(HandleChildNotification);
    }

    private void HandleChildNotification()
    {
        // 自定义业务逻辑
        updateTime = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
        // 手动触发UI更新
        StateHasChanged();
    }

    public void Dispose()
    {
        // 组件销毁时解绑事件，避免内存泄漏
        stateNotifier.Release(HandleChildNotification);
    }
}

3. 子组件实现 #

参数类型和父组件传值保持一致，事件处理方法返回Task类型符合Blazor生命周期规范：

<button @onclick="OnSomeUserAction">点击触发状态变更通知</button>

@code
{
    [Parameter]
    public NotificationHandler StateNotifier { get; set; } = default!;

    private Task OnSomeUserAction()
    {
        StateNotifier.Notify();
        return Task.CompletedTask;
    }
}

不需要自定义通知类，直接用Blazor内置的EventCallback参数即可实现子父组件通信，框架会自动处理UI更新、线程调度，代码更简洁：

父组件 #

<div>
    <ChildComponent OnStateChange="HandleChildChange" />
    <p>最后通知时间：@updateTime</p>
</div>
@code
{
    private string updateTime = string.Empty;

    private void HandleChildChange()
    {
        updateTime = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
        // 不需要手动调用StateHasChanged，EventCallback会自动触发UI更新
    }
}

子组件 #

<button @onclick="OnSomeUserAction">点击触发状态变更通知</button>
@code
{
    [Parameter]
    public EventCallback OnStateChange { get; set; }

    private async Task OnSomeUserAction()
    {
        await OnStateChange.InvokeAsync();
    }
}

注意：如果状态通知是从后台线程、非UI上下文触发的，需要调用await InvokeAsync(StateHasChanged)切回UI线程更新，普通UI交互触发的EventCallback不需要额外处理。

内容的提问来源于stack exchange，提问作者Razzupaltuff