Blazor父子组件能否指定不同泛型参数？级联父实例为空如何解决

1. 父子组件指定不同泛型参数的可行性 #

Blazor完全支持为父、子组件分别定义独立的泛型参数，也可以各自指定不同的泛型类型值，二者的泛型声明默认互不影响，这个需求本身是合理的。

2. 父级实例为null的原因 #

你遇到的空值问题核心是级联参数的类型不匹配：

• 你声明的父组件实例类型是Parent<TreeData>，级联传递的是该类型的实例
• 子组件中声明接收的级联参数类型是Parent<TValue>，而此时子组件的TValue被指定为TreeNode<TreeData>，也就是说子组件期望接收的是Parent<TreeNode<TreeData>>类型的实例
  二者是完全不同的闭合泛型类型，Blazor的级联参数匹配是强类型校验的，类型不匹配就不会为属性赋值，因此始终为null。

3. 解决方案 #

最通用的解法是抽离非泛型的父组件抽象层，避免泛型参数对级联匹配的干扰：

步骤1：定义非泛型接口/基类 #

public interface IParent
{
    void UpdateChildProperties(string data, object child);
}

步骤2：父组件实现该接口 #

Parent.razor补充代码：

@implements IParent

<CascadingValue Value="@this">
    @ChildContent
</CascadingValue>

@code {
    // 原有逻辑不变，实现IParent的UpdateChildProperties方法
    public void UpdateChildProperties(string data, object child)
    {
        // 你的原有业务逻辑
    }
}

步骤3：子组件改为接收非泛型抽象类型 #

修改Child.razor的级联参数声明：

@code {
    [CascadingParameter]
    private IParent ParentObj { get; set; }
    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
        ParentObj?.UpdateChildProperties("UpdateData", this);
    }    
}

如果你的业务场景确实需要强类型的泛型父实例，也可以调整子组件的泛型声明，额外增加一个对应父组件泛型的参数，在使用时显式传入父组件的泛型类型即可。

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