Blazor宿主模板中UserInfo更新后if/else未重新渲染的原因咨询

你的问题核心在于Blazor组件无法感知到UserInfo对象的属性变化，所以MainLayout里的if/else表达式不会自动重新求值。当所有代码放在同一个文件时，组件本身的状态变化会触发重新渲染，但拆分到不同组件后，跨组件的状态变化需要明确的通知机制。

为什么当前代码不工作？ #

你注入的UserInfo是一个普通类，当在Login组件里修改userInfo.Name时，MainLayout组件并不知道这个属性已经改变——Blazor不会自动监听普通对象的属性变化。只有当组件感知到状态变化时，才会重新执行渲染逻辑（包括重新求值if/else）。

解决方案：让UserInfo实现状态变化通知 #

要解决这个问题，我们需要让UserInfo实现INotifyPropertyChanged接口，这样当属性变化时，它能发出通知，然后让MainLayout组件监听这个通知并触发重新渲染。

1. 修改UserInfo类，实现INotifyPropertyChanged #

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

public class UserInfo : INotifyPropertyChanged
{
    private string _name;

    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
            }
        }
    }

    // 状态变化事件
    public event PropertyChangedEventHandler PropertyChanged;

    // 触发事件的方法
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在MainLayout中监听UserInfo的变化 #

在MainLayout的代码隐藏文件（比如MainLayout.cshtml.cs）中，订阅UserInfo的PropertyChanged事件，当Name属性变化时，调用StateHasChanged()通知组件重新渲染：

public class MainLayoutBase : LayoutComponentBase, IDisposable
{
    [Inject]
    protected UserInfo UserInfo { get; set; }

    protected override void OnInitialized()
    {
        // 订阅状态变化事件
        UserInfo.PropertyChanged += OnUserInfoPropertyChanged;
        base.OnInitialized();
    }

    private void OnUserInfoPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        // 只有当Name属性变化时，才触发重新渲染
        if (e.PropertyName == nameof(UserInfo.Name))
        {
            StateHasChanged();
        }
    }

    // 组件销毁时取消订阅，避免内存泄漏
    public void Dispose()
    {
        UserInfo.PropertyChanged -= OnUserInfoPropertyChanged;
    }
}

3. 修复Login组件的异步方法 #

另外，注意不要在Blazor中使用async void（除非是事件处理的特殊场景），改成async Task避免异常处理问题：

@inject UserInfo userInfo

<button @onclick="Login">Login as Bob</button>

@code {
    private async Task Login()
    {
        // 模拟登录逻辑（比如调用API）
        await Task.Delay(1000);
        userInfo.Name = "bob";
    }
}

什么会导致if/else表达式被重新求值？ #

Blazor组件会在以下场景触发重新渲染，此时if/else这类渲染逻辑会被重新求值：

• 组件的**参数（[Parameter]标记的属性）**发生变化时；
• 组件内部调用StateHasChanged()方法，主动通知框架状态已更新；
• 组件中的异步操作完成（比如await某个Task），Blazor会自动调用StateHasChanged()；
• 注入的服务实现了INotifyPropertyChanged，且组件订阅了其状态变化事件并触发StateHasChanged()；
• 用户交互事件（比如按钮点击、输入框内容变化）触发组件方法执行后，Blazor通常会自动触发重新渲染；
• 使用Blazor状态管理库（如Blazored State Management）时，状态变化会自动通知订阅的组件重新渲染。

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