Blazor全局状态管理（从零开始掌握Blazor应用状态共享与组件通信）

为什么需要全局状态管理？

在小型 Blazor 应用中，你可能通过参数传递（@parameter）或事件回调（EventCallback）来实现组件间通信。但随着应用规模扩大，这种“逐层传递”的方式会导致代码冗余、耦合度高，甚至出现“prop drilling”问题。

此时，引入 Blazor状态共享 机制就显得尤为重要——它允许你在整个应用范围内集中管理状态，任何组件都可以订阅状态变化并自动更新。

使用服务（Service）实现全局状态管理

Blazor 基于 .NET 的依赖注入（DI）系统，我们可以通过注册一个单例（Singleton）服务来保存和广播全局状态。

步骤 1：创建状态容器类

首先，定义一个类来保存你的全局状态，并提供通知机制：

public class AppState{    private string _message = "初始消息";    // 定义一个事件，当状态改变时触发    public event Action OnChange;    public string Message    {        get => _message;        set        {            _message = value;            NotifyStateChanged();        }    }    private void NotifyStateChanged() => OnChange?.Invoke();}

步骤 2：在 Program.cs 中注册服务

打开 Program.cs（或 Startup.cs，取决于项目类型），将 AppState 注册为单例：

// 在 .NET 6+ 的 Blazor WebAssembly 或 Server 项目中var builder = WebApplication.CreateBuilder(args);// 添加服务builder.Services.AddSingleton<AppState>();// 其他配置...

步骤 3：在组件中使用全局状态

现在，你可以在任意组件中注入 AppState 并监听状态变化：

@page "/counter"@inject AppState AppState@implements IDisposable<h3>当前消息: @AppState.Message</h3><button @onclick="UpdateMessage">更新消息</button>@code {    protected override void OnInitialized()    {        AppState.OnChange += StateHasChanged;    }    private void UpdateMessage()    {        AppState.Message = $"消息已更新: {DateTime.Now:HH:mm:ss}";    }    public void Dispose()    {        AppState.OnChange -= StateHasChanged;    }}

注意：IDisposable 用于在组件销毁时取消事件订阅，防止内存泄漏。

高级技巧：使用 INotifyPropertyChanged

如果你熟悉 WPF 或 WinForms，可以使用 INotifyPropertyChanged 接口来实现更标准的数据绑定模式：

using System.ComponentModel;public class AppState : INotifyPropertyChanged{    private string _message = "初始消息";    public string Message    {        get => _message;        set        {            _message = value;            OnPropertyChanged(nameof(Message));        }    }    public event PropertyChangedEventHandler PropertyChanged;    protected virtual void OnPropertyChanged(string propertyName)    {        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));    }}

这种方式在某些场景下更灵活，尤其当你有多个属性需要监听时。

总结

通过本文，你已经学会了如何在 Blazor 中实现 Blazor应用状态 的集中管理。这种方法不仅提升了代码的可维护性，也简化了 Blazor组件通信 的复杂度。

记住：全局状态不是万能的，应仅用于真正需要跨组件共享的数据。对于局部状态，仍建议使用组件内部变量或参数传递。

希望这篇教程能帮助你构建更强大的 Blazor 应用！如有疑问，欢迎在评论区交流。