Blazor自定义组件集成EditForm报错及ValueExpression空值问题解决

1. 基类容错处理：修复EditContext与ValueExpression缺失问题 #

你的自定义组件依赖级联传递的EditContext和ValueExpression，直接嵌套时这两个参数可能无法自动填充，导致报错。修改ElementBase<T>基类，添加容错逻辑：

public abstract class ElementBase<T> : ComponentBase
{
    [CascadingParameter(AllowMultiple = true)]
    protected EditContext? EditContext { get; set; }

    [CascadingParameter]
    protected Survey? CurrentSurvey { get; set; }

    [Parameter]
    public T? Value { get; set; }

    [Parameter]
    public EventCallback<T?> ValueChanged { get; set; }

    [Parameter]
    public Expression<Func<T?>>? ValueExpression { get; set; }

    protected override void OnInitialized()
    {
        // 兜底创建EditContext：如果无级联值但存在Survey实例，基于Survey生成
        if (EditContext == null && CurrentSurvey != null)
        {
            EditContext = new EditContext(CurrentSurvey);
        }

        // 处理ValueExpression为空的情况：生成默认表达式避免报错
        if (ValueExpression == null)
        {
            ValueExpression = () => Value;
        }

        base.OnInitialized();
    }
}

2. 直接嵌套组件时的两种正确用法 #

方式1：包裹在EditForm中（自动传递EditContext） #

<EditForm Model="@CurrentSurvey">
    <Survey.Components.Checkbox @bind-Value="CurrentSurvey.SomeCheckboxProperty" />
</EditForm>

方式2：显式传入EditContext并绑定值 #

@code {
    private EditContext? MyEditContext;
    private bool CheckboxValue;

    protected override void OnInitialized()
    {
        MyEditContext = new EditContext(CurrentSurvey);
    }
}

<Survey.Components.Checkbox EditContext="@MyEditContext" @bind-Value="CheckboxValue" />

关键原因说明 #

代码创建组件时正常，是因为你手动给组件赋值了EditContext和ValueExpression；但Razor直接嵌套时，这些参数不会自动生成，必须通过基类兜底或显式传入来解决。

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