Blazor自定义事件处理器中StateHasChanged不生效问题

先梳理你的代码里导致UI不更新的核心问题，再给出具体修复方案：

关键问题分析 #

1. 错误使用async void作为事件处理方法
   Blazor中异步事件处理方法必须返回Task而非async void，async void会绕过Blazor的异步上下文跟踪机制，导致后续的StateHasChanged无法正确触发UI渲染更新。

2. 同步阻塞异步API调用
   你用Task.Run(...).GetAwaiter().GetResult()强制同步等待异步请求，这会阻塞当前线程，甚至可能导致UI线程卡死，即便后续调用StateHasChanged，也无法及时触发界面更新。

修复后的代码示例 #

1. 修正事件处理方法 #

把UpdateSubDropdown的返回类型改为async Task，并直接await异步API调用：

private async Task UpdateSubDropdown(object sender, CascadingItemEventArgs e)
{
    if (BaseId.HasValue && HtmlName == e.CascadingModel.EffectiveId)
    {
        // 直接await异步请求，无需额外包装Task.Run或同步阻塞
        Regions = await _apiClient.GetServiceResultAsync<UserRegionModel[]>($"UserRegion/GetByBaseId/{e.CascadingModel.Value}", Token);
        
        // await后已处于Blazor同步上下文，可直接调用StateHasChanged
        StateHasChanged();
    }
}

2. 规范事件订阅与清理 #

确保组件在生命周期内正确订阅/取消事件，避免内存泄漏和无效事件触发：

private IDisposable? _eventSubscription;

protected override void OnInitialized()
{
    _eventSubscription = _notifyStateService.UpdateSubDropdownEvent += UpdateSubDropdown;
}

public void Dispose()
{
    _eventSubscription?.Dispose();
    _notifyStateService.UpdateSubDropdownEvent -= UpdateSubDropdown;
}

额外检查项 #

• 确认前端绑定语法正确，比如用@foreach(var region in Regions)遍历渲染
• 如果Regions需要频繁修改，建议改用ObservableCollection<UserRegionModel>，集合元素变化时可自动通知UI更新

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