Blazor动态表单开发遇绑定与表达式错误，求助解决方案

你的问题核心在于Blazor表单组件对绑定表达式的严格要求，以及最初代码中试图绑定到方法调用结果（而非可赋值属性）的错误。让我们一步步拆解并解决：

错误原因分析 #

1. 第一个编译错误：@bind-Value="DataContext.GetType().GetProperty(field.Key).GetValue(DataContext, null).ToString()" 里的右边是一个方法调用的返回值，属于只读的临时值，无法作为赋值操作的左操作数——Blazor的双向绑定需要绑定到一个可读写的属性/字段。

2. 运行时的ArgumentException：你手动构建的ValueExpression是() => Convert.ToString(...)，这是一个MethodCallExpression，但Blazor的FieldIdentifier只接受直接的成员访问表达式（比如() => DataContext.Name），用来追踪表单字段的验证和状态。

正确实现方案 #

我们需要为每个动态字段构建符合要求的ValueExpression，并手动处理双向绑定的Value和ValueChanged回调。下面是完整的可运行组件代码：

<h3>Dynamic form</h3>
<EditForm Model="@DataContext">
    @foreach (var field in FieldIdentifiers)
    {
        if (field.Value == "string")
        {
            @CreateStringInput(field.Key)
        }
    }
</EditForm>

@code {
    [Parameter] public object DataContext { get; set; }
    [Parameter] public Dictionary<string, string> FieldIdentifiers { get; set; }

    private RenderFragment CreateStringInput(string propertyName) => builder =>
    {
        var propertyInfo = DataContext.GetType().GetProperty(propertyName);
        if (propertyInfo == null) return;

        // 获取当前属性值
        var currentValue = propertyInfo.GetValue(DataContext)?.ToString();

        // 构建ValueChanged回调：接收新值并通过反射设置到模型
        var valueChangedCallback = EventCallback.Factory.Create<string>(this, newValue =>
        {
            propertyInfo.SetValue(DataContext, newValue);
        });

        // 构建符合要求的ValueExpression：直接访问模型属性的Lambda表达式
        var modelConstant = Expression.Constant(DataContext);
        var propertyAccess = Expression.Property(modelConstant, propertyInfo);
        var typeConversion = Expression.Convert(propertyAccess, typeof(string));
        var valueExpression = Expression.Lambda<Func<string>>(typeConversion);

        // 渲染InputText组件
        builder.OpenComponent<InputText>(0);
        builder.AddAttribute(1, "Value", currentValue);
        builder.AddAttribute(2, "ValueChanged", valueChangedCallback);
        builder.AddAttribute(3, "ValueExpression", valueExpression);
        builder.CloseComponent();
    };
}

代码说明 #

• CreateStringInput方法：为每个字符串字段单独创建一个RenderFragment，确保每个InputText组件都有正确的绑定表达式。
• ValueExpression构建：通过表达式树直接创建访问模型属性的Lambda，完全符合Blazor对成员访问表达式的要求，解决了MethodCallExpression的错误。
• 双向绑定实现：Value读取当前属性值，ValueChanged通过反射将新值设置回模型，实现了和@bind-Value一致的双向绑定效果。

扩展建议 #

• 如果需要支持更多数据类型（如数字、布尔值），可以扩展为通用的CreateInput<T>方法，根据字段类型渲染对应的InputNumber<T>、InputCheckbox等组件。
• 若要添加表单验证，只需在InputText组件后添加ValidationMessage组件，通过FieldIdentifier.Create(valueExpression)获取对应的字段标识即可。

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