Blazor中如何条件指定组件绑定对象实现双向绑定？

你的场景是用同一组件处理插入和更新操作，避免重复代码，目前通过反射实现了需求，但可以用更类型安全、更符合Blazor内置逻辑的方式优化，以下是几种推荐方案：

方案1：使用代理属性（轻量首选） #

为每个表单字段定义一个代理属性，直接封装插入/更新对象的属性读写逻辑，无需反射，类型安全：

// 组件内的代理属性
private DateTime? CurrentDate
{
    get => updateParams != null ? updateParams.Date : insertParams.Date;
    set
    {
        if (value == null) return;
        if (updateParams != null)
            updateParams.Date = value.Value;
        else
            insertParams.Date = value.Value;
    }
}

// 其他字段同理，比如CurrentTitle、CurrentStatus等

然后直接使用双向绑定：

<InputDate @bind-Value="CurrentDate" />

这种方式代码直观，没有反射的性能开销，适合表单字段数量不多的场景。

方案2：创建统一视图模型包装类（复杂表单首选） #

如果表单字段较多，代理属性会产生重复代码，可以创建一个视图模型类，统一封装插入/更新对象的读写逻辑：

public class CaseActivityFormModel
{
    private readonly InsertParameters _insertParams;
    private readonly UpdateParameters? _updateParams;

    public CaseActivityFormModel(InsertParameters insertParams, UpdateParameters? updateParams = null)
    {
        _insertParams = insertParams;
        _updateParams = updateParams;
    }

    // 对应表单的每个字段
    public DateTime Date
    {
        get => _updateParams != null ? _updateParams.Date : _insertParams.Date;
        set
        {
            if (_updateParams != null)
                _updateParams.Date = value;
            else
                _insertParams.Date = value;
        }
    }

    public string Title
    {
        get => _updateParams != null ? _updateParams.Title : _insertParams.Title;
        set
        {
            if (_updateParams != null)
                _updateParams.Title = value;
            else
                _insertParams.Title = value;
        }
    }

    // 其他字段...
}

在组件中初始化视图模型：

private CaseActivityFormModel _formModel;

protected override void OnInitialized()
{
    _formModel = new CaseActivityFormModel(insertParams, updateParams);
}

绑定组件时直接使用视图模型属性：

<InputDate @bind-Value="_formModel.Date" />
<InputText @bind-Value="_formModel.Title" />

这种方式将表单逻辑集中到视图模型，组件代码更简洁，维护性更强。

方案3：简化ValueChanged绑定（无需额外类） #

如果不想新增代理属性或视图模型，可以直接在绑定中写类型安全的逻辑，同时补充ValueExpression以支持Blazor的验证等内置功能：

<InputDate 
    Value="@(updateParams != null ? updateParams.Date : insertParams.Date)"
    ValueChanged="@(value => 
    {
        if (updateParams != null) 
            updateParams.Date = value;
        else 
            insertParams.Date = value;
    })"
    ValueExpression="@(() => updateParams != null ? updateParams.Date : insertParams.Date)"
/>

相比你原来的反射方案，这种方式避免了运行时反射的潜在错误，同时保留了Blazor组件的完整功能（比如表单验证）。

总结 #

以上方案均为类型安全的实现，避免了反射的开销和运行时风险，其中代理属性适合简单表单，视图模型适合复杂表单，简化绑定适合快速调整。这些都是Blazor内置绑定逻辑的延伸，比反射方案更符合框架设计思路。

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