Blazor是否支持直接将组件作为泛型参数进行传递？

你遇到的问题是因为Blazor Razor编译器在解析标记时，无法将泛型参数TComponent识别为有效的组件类型——标记中的组件名称必须是编译时就能确定的具体类型，而泛型参数只是一个类型占位符，所以直接写<TComponent></TComponent>会抛出“Found markup element with unexpected name TComponent”错误。

不用DynamicComponent的话，可以通过代码方式构建RenderTree来渲染泛型参数指定的组件，具体实现如下：

MyContainer.razor 代码 #

@typeparam TComponent where TComponent : ComponentBase

<h1>This is my component</h1>

@RenderGenericComponent()

@code {
    private RenderFragment RenderGenericComponent() => builder =>
    {
        // 打开TComponent类型的组件
        builder.OpenComponent(0, typeof(TComponent));
        // 如果需要传递参数，可在此添加：builder.AddAttribute(1, "ParamName", paramValue);
        // 关闭组件
        builder.CloseComponent();
    };
}

使用容器组件 #

在父组件中使用时，直接指定泛型参数即可：

<MyContainer TComponent="MyComponent" />

补充说明 #

如果需要给TComponent传递参数，可以在OpenComponent之后通过builder.AddAttribute添加对应的参数键值对，比如：

builder.AddAttribute(1, "Title", "Hello from Container");

这种方式绕过了Razor标记对组件类型的编译时检查，通过代码动态构建渲染树，实现了通过泛型参数指定要渲染的组件的需求。

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