StateHasChanged触发后如何避免子组件被重载重置参数值？

核心机制说明 #

Blazor中通过[Parameter]修饰的组件属性，本质是父组件每次渲染时传入的“快照值”。只要父组件触发StateHasChanged进入重渲染流程，框架就会用父端绑定的最新值，完整覆盖子组件内所有带[Parameter]标记的属性，这是框架单向数据流的默认设计，不是异常问题。

两类场景的应对方案 #

场景1：不需要父组件感知的子组件本地状态 #

不存在必须写回调的强制要求。如果这个布尔值是子组件内部的纯交互状态（比如折叠面板展开状态、本地按钮选中态等父组件完全不关心的交互值），完全可以放在子组件内部维护，从根源避免参数被覆盖：

• 子组件不要直接修改带[Parameter]标记的属性
• 在子组件内新增私有字段存储实际的交互状态
• 仅在组件首次初始化参数时，把父组件传入的初始值同步到私有字段，后续父组件重渲染传入的旧值不再覆盖本地状态

示例实现代码：

@* 子组件 *@
@code {
    // 保留参数属性用于接收父端的初始传入值
    [Parameter]
    public bool MyBool { get; set; }

    // 标记是否完成首次初始化
    private bool _isInitialized;
    // 子组件实际维护的本地状态
    private bool _currentBool;

    protected override void OnParametersSet()
    {
        // 仅在首次参数赋值时同步初始值，后续父组件重渲染传入的旧值不再覆盖本地状态
        if (!_isInitialized)
        {
            _currentBool = MyBool;
            _isInitialized = true;
        }
    }

    private void SetBoolFalse()
    {
        // 所有修改操作只操作本地字段，不改动参数属性
        _currentBool = false;
    }
}

这个方案零额外通信代码，就能实现父组件任意重渲染都不会重置子组件的本地修改，是处理纯本地交互状态的最优雅方案。

场景2：需要父组件感知的同步状态 #

你参考的实现逻辑方向是正确的，但写法非常冗余，Blazor本身提供了大量简化双向绑定的能力，完全不需要手动逐个编写回调方法：

1. 用内置@bind指令减少样板代码
   只要按照Blazor的双向绑定命名规范调整参数名，父组件不需要手动写回调方法：
   • 子组件的参数要符合命名规则：属性名MyBool，对应的回调事件名必须是MyBoolChanged，类型为EventCallback<bool>
     调整后的子组件代码：

   @code {
       [Parameter]
       public bool MyBool { get; set; }
   
       // 调整命名，匹配@bind的识别规则
       [Parameter]
       public EventCallback<bool> MyBoolChanged { get; set; }
   
       private async Task SetBoolFalse()
       {
           await MyBoolChanged.InvokeAsync(false);
       }
   }
   

   父组件只需要写一行绑定代码，框架会自动完成参数传入、事件回调的完整逻辑，不需要手动定义ChangeBool方法：

   @* 父组件 *@
   <TestComponent @bind-MyBool="myBool"></TestComponent>
   
   @code {
       // 只需要定义状态字段，不需要单独写回调方法
       private bool myBool = true;
   }
   

2. 多参数同步的简化方案
   如果需要同步的参数数量很多，逐个写@bind还是会有冗余，可以直接抽离公共状态对象：
   • 定义一个独立的状态类，把所有需要父子同步的属性都放在类里
   • 父组件创建该状态类的实例，通过CascadingValue把整个实例传给嵌套子组件
   • 子组件通过[CascadingParameter]接收这个引用类型的状态实例
     因为是引用传递，子组件直接修改状态类的属性时，父组件拿到的是同一个对象的引用，不需要为每个属性单独写EventCallback，就能实现全量状态同步，大幅降低多参数场景下的开发成本。

注意事项 #

不要在子组件内部直接修改[Parameter]标记的属性值。比如在子组件里写this.MyBool = false，这个操作本质是临时修改了内存里的参数值，只要父组件下一次触发重渲染，这个值就会被父端传入的旧值覆盖，完全起不到保留修改的作用。

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