Blazor子组件中如何验证从类实例传入的变量？

核心问题出在子组件未正确关联父组件的验证上下文，以及属性绑定路径未对齐验证系统的跟踪逻辑。以下是具体修改方案：

1. 重构子组件（Food.razor） #

不再单独接收FoodId参数，改为接收完整的实体实例，并共享父组件的EditContext：

@typeparam TFood

<div class="form-group">
    <label>选择食品:</label>
    <InputSelect @bind-Value="BoundFoodId" class="form-control">
        <option value="">请选择</option>
        @foreach (var option in FoodOptions)
        {
            <option value="@option.Id">@option.Name</option>
        }
    </InputSelect>
    <!-- 直接关联实体实例的FoodId属性，确保验证路径正确 -->
    <ValidationMessage For="@(() => FoodInstance.FoodId)" />
</div>

@code {
    // 接收父组件传递的实体实例（必须是引用类型）
    [Parameter, Required]
    public TFood FoodInstance { get; set; }

    [Parameter, Required]
    public IEnumerable<FoodSelectOption> FoodOptions { get; set; }

    // 绑定用的中间属性，直接映射到实体的FoodId
    private int? BoundFoodId
    {
        get => typeof(TFood).GetProperty("FoodId")?.GetValue(FoodInstance) as int?;
        set
        {
            typeof(TFood).GetProperty("FoodId")?.SetValue(FoodInstance, value);
            // 可选：手动触发验证更新
            CurrentEditContext?.NotifyFieldChanged(CurrentEditContext.Field(nameof(TFood.FoodId)));
        }
    }

    // 共享父组件的验证上下文
    [CascadingParameter]
    private EditContext CurrentEditContext { get; set; }
}

2. 父组件调用示例（以HotFood页面为例） #

确保父组件的EditForm配置正确的验证器，并传递完整实体实例给子组件：

@page "/hot-food"

<EditForm Model="@HotFoodModel" OnValidSubmit="HandleSubmit">
    <DataAnnotationsValidator />
    <!-- 保留全局错误汇总（可选） -->
    <ValidationSummary />

    <!-- 传递完整实体实例给通用子组件 -->
    <Food TFood="HotFoods" FoodInstance="@HotFoodModel" FoodOptions="@HotFoodOptions" />

    <button type="submit" class="btn btn-primary">提交</button>
</EditForm>

@code {
    private HotFoods HotFoodModel { get; set; } = new HotFoods();
    private IEnumerable<FoodSelectOption> HotFoodOptions { get; set; } = new List<FoodSelectOption>
    {
        new() { Id = 1, Name = "香辣汉堡" },
        new() { Id = 2, Name = "奥尔良炸鸡" }
    };

    private void HandleSubmit()
    {
        // 处理提交逻辑
    }
}

3. 实体类保持原有验证注解 #

public class HotFoods
{
    [Required(ErrorMessage = "请选择热食品")]
    public int FoodId { get; set; }
}

public class PerishableFoods
{
    [Required(ErrorMessage = "请选择易腐食品")]
    public int FoodId { get; set; }
}

public class FoodSelectOption
{
    public int Id { get; set; }
    public string Name { get; set; }
}

关键说明 #

• 验证上下文共享：通过CascadingParameter接收父组件的EditContext，让子组件的验证逻辑完全融入父组件的验证体系，避免独立上下文导致的错误跟踪失效。
• 属性路径对齐：直接绑定到实体实例的FoodId属性，而非单独的参数，确保验证系统能正确识别属性所属的模型对象，从而在ValidationMessage中显示对应错误。
• 避免值类型绑定陷阱：传递完整的实体实例（引用类型）而非单独的FoodId值类型，确保属性变更能触发父组件的模型状态更新，进而触发验证。

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