Blazor Appstate 不更新 ChildComponent

Question

尝试使用 AppState 类传递变量，当调用发生在同一个组件中时，组件会更新，但在父级触发事件时不会在子组件中。

家长

@code {
    [Parameter]
    public int Id { get; set; }

    WikiDetailDto wikiDetail = null;

    protected async override Task OnInitializedAsync()
    {
        Console.WriteLine("going in detail INIT");
        AppState.OnCurrentWikiPageChanged += StateHasChanged;
        AppState.SetCurrentWikiPage(await wikiPageService.GetDetail(Id));
        wikiDetail = AppState.CurrentWikiPage;

        Console.WriteLine("Retrieved WikiDetail!");
    }
}

儿童

<MudDrawer Anchor="Anchor.End" Open="true">
    <MudDrawerHeader>Recommendations</MudDrawerHeader>
    @if(AppState.CurrentWikiPage != null)
    {
        @(RecommendedWikiPages = CalculateReccomendedWikis(AppState.CurrentWikiPage));
        if(RecommendedWikiPages != null)
        {
            foreach(var p in RecommendedWikiPages)
            {
                <MudCard>
                    <MudCardContent>
                        <MudText>@p.Name</MudText>

                    </MudCardContent>
                </MudCard>
            }
        }
    }
    else
    {
        <p>Loading...</p>
    }

当 AppState.CurrentWikiPage 更新时，它不会检查 cild 的 if 语句。 这里的最佳做法是什么？我不想使用级联值。

AppState

public WikiDetailDto CurrentWikiPage { get; set; }
        public event Action OnCurrentWikiPageChanged;
        public void SetCurrentWikiPage(WikiDetailDto wikiPage)
        {
            CurrentWikiPage = wikiPage;
            OnCurrentWikiPageChanged?.Invoke();
        }

Answer 1

如果我正确阅读了您的代码，则子组件需要注册OnCurrentWikiPageChanged 事件。

您的孩子需要看起来像这样：

@implements IDisposable
..... markup code


    protected async override Task OnInitializedAsync()
    {
        AppState.OnCurrentWikiPageChanged += StateHasChanged;
    }

    public void Dispose()
    {
        AppState.OnCurrentWikiPageChanged -= StateHasChanged;
    }

我个人不会将StateHasChanged 直接链接到事件处理程序。这是不好的做法，因为StateHasChanged 必须运行 UI 上下文线程。如果事件调用者在另一个线程上运行，你会得到一个异常。我会坚持使用标准的EventHandler。 WASM 现在可能是单线程的，但可能不会永远。

我的处理程序看起来像：

private void OnxxxChanged(object sender, EventArgs e)
      => this.InvokeAsync(StateHasChanged);