如何根据参数值设置Blazor组件中的私有字段值？

问题背景 #

父组件传递UserName参数给子组件，需要在子组件加载时根据UserName是否为空来设置私有字段disableForwardToUser，以此控制按钮的禁用状态。直接在字段赋值或构造函数中处理会报错，因为Blazor组件的参数在构造阶段还未完成绑定。

解决方案1：使用组件生命周期方法OnInitialized #

Blazor的OnInitialized（或异步版本OnInitializedAsync）是组件初始化完成、参数已绑定后的第一个生命周期方法，适合在这里处理参数相关的初始化逻辑。

修改子组件代码如下：

<button disabled="@disableForwardToUser">OK</button>

@code {
    [Parameter]
    public string UserName { get; set; }

    private bool disableForwardToUser = false;

    protected override void OnInitialized()
    {
        base.OnInitialized();
        // 根据UserName设置禁用状态
        disableForwardToUser = string.IsNullOrEmpty(UserName);
    }
}

解决方案2：使用计算属性（更简洁，支持动态更新） #

如果UserName可能在组件生命周期中被父组件动态修改，直接使用计算属性可以自动响应参数变化，无需手动处理生命周期：

<button disabled="@IsForwardDisabled">OK</button>

@code {
    [Parameter]
    public string UserName { get; set; }

    // 计算属性，自动根据UserName返回禁用状态
    private bool IsForwardDisabled => string.IsNullOrEmpty(UserName);
}

这种方式不需要维护私有字段，Blazor会在UserName变化时自动重新计算属性值，更新UI状态。

为什么之前的方法不行？ #

• 直接字段赋值：字段初始化是在组件实例创建时执行的，此时UserName参数还未从父组件绑定过来，值为默认的null，无法获取到正确的参数值。
• 构造函数赋值：Blazor组件的参数注入是在构造函数执行之后完成的，构造函数中无法访问到已绑定的参数值，因此会报错。

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