Blazor组件继承泛型基类报CS0115错误，求正确实现方式

核心原因 #

当你给泛型基类创建.razor文件时，Blazor编译器会自动生成针对该组件的BuildRenderTree方法，其签名与泛型子类的继承需求不匹配，直接导致CS0115编译错误。

正确实现方案 #

方案1：将泛型基类改为纯代码类（无.razor文件） #

把CatalogTableBase<T>做成仅包含业务逻辑和参数的纯代码类，继承自ComponentBase，渲染逻辑完全交给子组件的.razor文件实现。

1. 重构基类文件CatalogTableBase.cs（删除对应的.razor文件）：

using Microsoft.AspNetCore.Components;

public class CatalogTableBase<T> : ComponentBase
{
    [Parameter]
    public List<T> FeatureList { get; set; } = new();

    [Parameter]
    public Dictionary<string, object> FeatureGroupProperties { get; set; } = new();

    // 可添加共享方法、生命周期逻辑等
    protected void HandleItemClick(T item)
    {
        // 共享逻辑实现
    }
}

2. 创建double类型子组件DoubleCatalogTable.razor：

@inherits CatalogTableBase<double>

<table class="catalog-table">
    <thead>
        <tr>
            @foreach (var prop in FeatureGroupProperties)
            {
                <th>@prop.Key</th>
            }
        </tr>
    </thead>
    <tbody>
        @foreach (var item in FeatureList)
        {
            <tr @onclick="() => HandleItemClick(item)">
                <td>@item.ToString("N2")</td>
            </tr>
        }
    </tbody>
</table>

3. 创建string类型子组件StringCatalogTable.razor：

@inherits CatalogTableBase<string>

<table class="catalog-table">
    <thead>
        <tr>
            @foreach (var prop in FeatureGroupProperties)
            {
                <th>@prop.Key</th>
            }
        </tr>
    </thead>
    <tbody>
        @foreach (var item in FeatureList)
        {
            <tr @onclick="() => HandleItemClick(item)">
                <td>@item</td>
            </tr>
        }
    </tbody>
</table>

方案2：基类保留共享渲染逻辑，通过RenderFragment传递差异化内容 #

如果需要基类共享大部分渲染结构，仅让子类处理泛型相关的差异化渲染，可以在基类中定义RenderFragment<T>参数，由子类传入对应类型的渲染模板。

1. 纯代码基类CatalogTableBase.cs：

using Microsoft.AspNetCore.Components;

public class CatalogTableBase<T> : ComponentBase
{
    [Parameter]
    public List<T> FeatureList { get; set; } = new();

    [Parameter]
    public Dictionary<string, object> FeatureGroupProperties { get; set; } = new();

    // 子类需传入的泛型项渲染模板
    [Parameter]
    public RenderFragment<T> ItemTemplate { get; set; } = default!;

    // 共享渲染逻辑
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        builder.OpenElement(0, "table");
        builder.AddAttribute(1, "class", "catalog-table");
        
        // 渲染表头
        builder.OpenElement(2, "thead");
        builder.OpenElement(3, "tr");
        foreach (var prop in FeatureGroupProperties)
        {
            builder.OpenElement(4, "th");
            builder.AddContent(5, prop.Key);
            builder.CloseElement();
        }
        builder.CloseElement();
        builder.CloseElement();

        // 渲染表体，使用子类传入的模板
        builder.OpenElement(6, "tbody");
        foreach (var item in FeatureList)
        {
            builder.OpenElement(7, "tr");
            builder.AddContent(8, ItemTemplate(item));
            builder.CloseElement();
        }
        builder.CloseElement();

        builder.CloseElement();
    }
}

2. double类型子组件DoubleCatalogTable.razor：

@inherits CatalogTableBase<double>

@{
    // 传入double类型的渲染模板
    ItemTemplate = item => @<td>@item.ToString("F2")</td>;
}

3. 使用子组件示例：

<DoubleCatalogTable 
    FeatureList="@new List<double> { 1.23, 4.56 }" 
    FeatureGroupProperties="@new Dictionary<string, object> { { "数值", null } }" />

关键注意事项 #

• 绝对不要给泛型基类创建.razor文件，否则编译器自动生成的BuildRenderTree会引发继承签名冲突。
• 共享逻辑集中在纯代码泛型基类，渲染逻辑要么完全由子组件实现，要么通过RenderFragment在基类中复用。

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