Blazor中子组件修改数据后，如何让父组件自动调用StateHasChanged()更新？

问题根源 #

你遇到的问题本质是：CaseDetails是普通的.NET类（POCO），它的属性变更无法自动通知Blazor组件更新状态；且子组件修改对象属性后，父组件无法感知到变化，所以需要手动触发状态更新或让属性变更具备通知能力。

下面是三种可行的解决方式：

1. 让CaseDetails实现INotifyPropertyChanged接口 #

让类本身具备属性变更通知能力，Blazor会自动监听这个事件并更新UI。

修改CaseDetails.cs：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class CaseDetails : INotifyPropertyChanged
{
    private string _claimedBy;

    public string ClaimedBy
    {
        get => _claimedBy;
        set
        {
            if (_claimedBy != value)
            {
                _claimedBy = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

父组件无需额外操作，当ClaimedBy属性被修改时，Blazor会自动检测到变化并更新显示。

2. 用组件参数的双向绑定（适合子组件通过参数接收caseDetails的场景） #

如果子组件通过[Parameter]接收caseDetails，可以配合EventCallback实现双向绑定，让子组件修改后通知父组件更新状态。

子组件代码：

@code {
    [Parameter]
    public CaseDetails CaseDetails { get; set; }

    [Parameter]
    public EventCallback<CaseDetails> CaseDetailsChanged { get; set; }

    private async Task UpdateClaimedBy(string newUser)
    {
        CaseDetails.ClaimedBy = newUser;
        // 通知父组件更新状态
        await CaseDetailsChanged.InvokeAsync(CaseDetails);
    }
}

父组件调用子组件时使用双向绑定：

<ChildComponent @bind-CaseDetails="caseDetails" />
<p>Claimed by: @caseDetails.ClaimedBy</p>

这样子组件修改属性后，会自动触发父组件的状态更新。

3. 使用共享状态服务（适合复杂场景或多组件共享数据） #

创建全局状态服务集中管理案件数据，数据变化时通知所有订阅组件。

首先创建状态服务：

public class CaseStateService
{
    private CaseDetails _currentCase;

    public CaseDetails CurrentCase
    {
        get => _currentCase;
        set
        {
            _currentCase = value;
            CaseChanged?.Invoke(this, EventArgs.Empty);
        }
    }

    public event EventHandler CaseChanged;
    public event EventHandler ClaimedByChanged;

    public void UpdateClaimedBy(string newUser)
    {
        _currentCase.ClaimedBy = newUser;
        ClaimedByChanged?.Invoke(this, EventArgs.Empty);
    }
}

在Program.cs中注册服务：

builder.Services.AddScoped<CaseStateService>();

父组件中订阅事件：

@inject CaseStateService CaseState
@implements IDisposable

<p>Claimed by: @CaseState.CurrentCase.ClaimedBy</p>

@code {
    protected override void OnInitialized()
    {
        CaseState.ClaimedByChanged += OnClaimedByChanged;
    }

    private void OnClaimedByChanged(object sender, EventArgs e)
    {
        StateHasChanged();
    }

    public void Dispose()
    {
        CaseState.ClaimedByChanged -= OnClaimedByChanged;
    }
}

子组件中注入服务并修改数据：

@inject CaseStateService CaseState

<button @onclick="() => CaseState.UpdateClaimedBy(newUser)">认领案件</button>

这种方式适合多组件共享同一案件数据的场景，变更会同步到所有订阅组件。

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