单表单适配两个继承模型时bind-Value类型转换失败求助

我有两个模型，仅一个属性不同，因此创建了包含所有公共属性的抽象类MainModel，让X和Y类继承它：

public abstract class MainModel {
    public string foobar;
    public string foo;
}
public class X : MainModel {
    public string bar;
}
public class Y : MainModel {
    public string baz;
}

由于它们几乎共享所有属性，我创建了一个MudForm来捕获用户输入：

<MudForm @ref="_MudForm" Model="MainModel">

MainModel在基组件类中声明并初始化，同时传入组件参数IsX：

[Parameter]
public bool IsX {get; set}
public MainModel MainModel { get; set; }

protected override void OnInitialized()
{
    if (IsX)
    {
        MainModel = new X();
    }
    else
    {
        MainModel = new Y();
    }
}

在接收用户输入的不同文本字段中，我尝试将父类实例转换为子类类型，代码如下（.razor文件中）：

@if(MainModel is X){
    <MudTextField T="string" @bind-Value="@((X)MainModel.bar)" />
} else if(MainModel is Y) {
    <MudTextField T="string" @bind-Value="@((Y)MainModel.baz)" />
}                

但此方法无效，出现错误：

Cannot convert type 'string' to 'X'

创建两个表单可解决问题但会大量重复代码，请问最佳解决方案是什么？

1. 修正绑定表达式的语法错误 #

报错根源是类型转换优先级问题：(X)MainModel.bar会先尝试访问MainModel.bar（父类无此属性），且编译器会错误地将bar的字符串值转换为X类型，导致报错。正确写法是先将MainModel转换为子类，再访问属性，利用C#模式匹配可简化代码：

@if(MainModel is X xModel){
    <MudTextField T="string" @bind-Value="@xModel.bar" />
} else if(MainModel is Y yModel) {
    <MudTextField T="string" @bind-Value="@yModel.baz" />
}                

模式匹配会直接将MainModel转换为对应子类并赋值给变量xModel/yModel，语法清晰且避免了转换优先级问题。

2. 提取公共表单字段，复用代码 #

把两个模型共享的表单字段（foobar、foo）单独提取出来，仅在分支中渲染差异化字段，既减少重复代码，又清晰区分公共与差异化逻辑：

<MudForm @ref="_MudForm" Model="MainModel">
    <!-- 公共字段 -->
    <MudTextField T="string" @bind-Value="@MainModel.foobar" Label="Foobar" />
    <MudTextField T="string" @bind-Value="@MainModel.foo" Label="Foo" />

    <!-- 差异化字段 -->
    @if(MainModel is X xModel){
        <MudTextField T="string" @bind-Value="@xModel.bar" Label="Bar" />
    } else if(MainModel is Y yModel) {
        <MudTextField T="string" @bind-Value="@yModel.baz" Label="Baz" />
    }

    <MudButton Type="ButtonType.Submit" Variant="Variant.Filled">提交</MudButton>
</MudForm>

3. 进阶：拆分差异化组件（可选） #

如果差异化逻辑复杂，可将不同模型的字段部分拆为独立组件，便于单独维护：

XModelFields.razor

@inherits ComponentBase
[Parameter] public X Model { get; set; }

<MudTextField T="string" @bind-Value="@Model.bar" Label="Bar" />

YModelFields.razor

@inherits ComponentBase
[Parameter] public Y Model { get; set; }

<MudTextField T="string" @bind-Value="@Model.baz" Label="Baz" />

主表单组件

<MudForm @ref="_MudForm" Model="MainModel">
    <!-- 公共字段 -->
    <MudTextField T="string" @bind-Value="@MainModel.foobar" Label="Foobar" />
    <MudTextField T="string" @bind-Value="@MainModel.foo" Label="Foo" />

    <!-- 渲染差异化组件 -->
    @if(IsX){
        <XModelFields Model="MainModel as X" />
    } else {
        <YModelFields Model="MainModel as Y" />
    }

    <MudButton Type="ButtonType.Submit" Variant="Variant.Filled">提交</MudButton>
</MudForm>

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