Blazor基类Parameter无法绑定到TextEdit问题求助

问题根源 #

1. 违反Blazor Parameter属性的设计原则 #

Blazor中标记为[Parameter]的属性核心作用是接收父组件传递的数据，框架会负责跟踪参数更新，但组件内部不应直接修改Parameter属性的引用。你在基类ResetAsync方法中直接重新赋值Input（Input = InputModelPreSetData.DeepCopy()或Input = new TInput()），打破了框架的参数绑定机制——框架认为Parameter的值由父组件控制，内部修改的引用变化无法被正确跟踪，导致绑定失效。

2. 生命周期执行顺序导致的引用不一致 #

派生类的OnInitializedAsync会先执行自身逻辑，再调用基类的同名方法：

• 派生类中先将父组件传入的原始Input赋值给Test变量；
• 随后基类OnInitializedAsync调用ResetAsync，将Input替换为新的对象引用；
  此时@Input.Group绑定的是新对象（若新对象的Group未赋值则显示为空），而@Test.Group绑定的是原始的父组件传入对象（保留有效值），因此后者能正常显示。

3. StateHasChanged无法解决引用修改问题 #

StateHasChanged仅触发组件重新渲染，但无法修复Parameter属性内部引用修改导致的绑定上下文混乱——Blazor的绑定系统对Parameter属性的跟踪依赖于父组件的参数传递，内部修改的引用变化不会被框架识别为参数更新。

解决方案 #

1. 使用内部字段维护表单数据 #

在基类中定义私有内部字段（如CurrentInput），用于维护表单的实际数据，避免直接修改Input Parameter的引用：

public partial class BaseAddForm<TInput, TOutput> : ComponentBase
    where TInput : BaseModel, new()
    where TOutput: BaseModel, new()
{
    [Parameter]
    public TInput Input { get; set; }

    // 内部维护的表单数据模型
    protected TInput CurrentInput { get; set; }

    // 其他字段...

    public virtual async Task ResetAsync()
    {
        try
        {
            if (InputModelPreSetData != null)
            {
                CurrentInput = InputModelPreSetData.DeepCopy();
            }
            else
            {
                // 若父组件传入了Input，则复制其值，否则创建新对象
                CurrentInput = Input != null ? Input.DeepCopy() : new TInput();
            }
            // 其他逻辑
        }
        catch(Exception ex)
        {
            _logger.LogError(ex, $"Error in ResetAsync '{ex.Message}'");
        }
        finally
        {
            StateHasChanged();
        }
    }
}

2. 调整派生类的绑定与初始化逻辑 #

派生类中绑定内部字段CurrentInput，而非直接绑定Input Parameter：

<Validation Validator="@ValidationRule.None">
    <Field Horizontal="true" ColumnSize="ColumnSize.Is6.OnDesktop">
        <FieldLabel ColumnSize="ColumnSize.Is3.OnDesktop">Group</FieldLabel>
        <FieldBody ColumnSize="ColumnSize.Is9.OnDesktop">
            <TextEdit @ref="companyGroupTextBox" @bind-Text="@CurrentInput.Group" Placeholder="Enter the Company Group Name..">
            </TextEdit>
        </FieldBody>
    </Field>
</Validation>

同时修改派生类的OnInitializedAsync，基于CurrentInput进行初始化：

protected override async Task OnInitializedAsync()
{
    // 先调用基类方法初始化CurrentInput
    await base.OnInitializedAsync();
    
    // 基于内部的CurrentInput进行属性初始化
    if (CurrentInput.Address == null)
    {
        CurrentInput.Address = new CompanyAddressInputModel();
    }
    // 其他逻辑
}

3. 响应父组件的参数更新（可选） #

如果需要在父组件更新Input参数时同步更新内部表单数据，可重写SetParametersAsync方法：

public override async Task SetParametersAsync(ParameterView parameters)
{
    await base.SetParametersAsync(parameters);
    
    // 当父组件传入新的Input时，同步更新CurrentInput
    if (Input != null)
    {
        CurrentInput = Input.DeepCopy();
        StateHasChanged();
    }
}

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