.NET 8 Blazor全局自动渲染模式下如何从子组件更新MainLayout

针对你遇到的.NET 8全局自动渲染模式下静态MainLayout无法响应AppState变化的问题，以下是不用内置认证的实现方案：

1. 改造AppStateManager添加状态变更通知 #

首先需要让AppState的变化能被组件感知，给AppStateManager增加状态变更事件：

public class AppStateManager
{
    private User _currentUser;
    public User Me 
    { 
        get => _currentUser;
        set
        {
            _currentUser = value;
            OnStateChanged?.Invoke();
        }
    }

    // 状态变更事件，用于通知组件刷新
    public event Action OnStateChanged;
}

在Program.cs中确保它是单例注册，保证全局状态一致：

builder.Services.AddSingleton<AppStateManager>();

2. 将MainLayout设置为交互式渲染模式 #

静态组件不会自动监听状态变化，给MainLayout指定交互式渲染模式（比如InteractiveServer或InteractiveWebAssembly），并订阅AppState的变更事件来触发组件刷新：

@rendermode InteractiveServer
@inject AppStateManager AppState

@if (AppState.Me == null)
{
    <LoginView />
}
else
{
    @Body
}

@code {
    protected override void OnInitialized()
    {
        // 订阅状态变更事件，触发组件重新渲染
        AppState.OnStateChanged += StateHasChanged;
    }

    public void Dispose()
    {
        // 取消订阅避免内存泄漏
        AppState.OnStateChanged -= StateHasChanged;
    }
}

3. 简化LoginView实现 #

不需要再传递RefreshLayout参数，直接更新AppState即可，状态变更事件会自动触发MainLayout刷新：

<button @onclick="LoginSubmit">Login</button>

@code {
    [Inject]
    private AppStateManager AppState { get; set; }

    private void LoginSubmit()
    {
        // 替换为你的实际登录逻辑，比如从本地存储或API获取用户信息
        AppState.Me = GetUserFromStorage();
    }

    // 模拟从存储获取用户的方法
    private User GetUserFromStorage()
    {
        return new User { Id = 1, Name = "Test User" };
    }
}

// 自定义用户实体类，根据你的需求调整
public class User
{
    public int Id { get; set; }
    public string Name { get; set; }
}

4. 可选：局部交互式组件方案 #

如果不想让整个MainLayout变为交互式，可以将登录判断逻辑抽成独立的交互式组件：

@rendermode InteractiveServer
@inject AppStateManager AppState

@if (AppState.Me == null)
{
    <LoginView />
}
else
{
    @ChildContent
}

@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

    protected override void OnInitialized()
    {
        AppState.OnStateChanged += StateHasChanged;
    }

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

然后在静态的MainLayout中使用这个组件包裹内容：

<AuthWrapper>
    @Body
</AuthWrapper>

关键说明 #

• .NET 8的自动渲染模式下，静态组件默认不会追踪状态变化，只有交互式组件能响应事件触发的刷新。
• 通过给AppState添加变更事件，确保组件能感知到用户状态的变化并重新渲染。
• 确保AppStateManager是单例，避免不同实例导致状态不一致的问题。

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