Blazor技术咨询：如何实现组件的动态创建？

嘿，我之前也折腾过类似的需求，动态创建Blazor组件完全是可以实现的，给你分享几个经过验证的实用方法，应该能解决你的问题：

1. 使用官方提供的DynamicComponent（推荐，.NET 6+） #

这是Blazor官方在.NET 6之后推出的原生方案，专门用来动态渲染组件，用法非常简洁：

@page "/dynamic-component"

<!-- 动态渲染组件的区域 -->
<DynamicComponent Type="@TargetComponentType" Parameters="@ComponentParameters" />

@code {
    // 可以根据业务逻辑动态切换组件类型
    private Type TargetComponentType = typeof(YourCustomComponent);
    
    // 组件所需的参数（键名要和组件的[Parameter]属性名完全匹配）
    private IDictionary<string, object?> ComponentParameters = new Dictionary<string, object?>
    {
        { "HeaderText", "这是动态加载的组件" },
        { "IsVisible", true }
    };

    // 比如点击按钮切换组件
    private void SwitchComponent()
    {
        TargetComponentType = typeof(AnotherCustomComponent);
        ComponentParameters = new Dictionary<string, object?>
        {
            { "Content", "切换后的动态组件内容" }
        };
    }
}

2. 手动构建RenderFragment（灵活度更高） #

如果需要更精细的控制渲染逻辑，比如动态生成多个组件或者自定义渲染顺序，可以手动构建RenderFragment：

@page "/dynamic-render"

<!-- 调用自定义的RenderFragment -->
@RenderDynamicComponents()

@code {
    private RenderFragment RenderDynamicComponents() => builder =>
    {
        // 渲染第一个组件
        builder.OpenComponent(0, typeof(FirstComponent));
        builder.AddAttribute(1, "Title", "第一个动态组件");
        builder.CloseComponent();

        // 渲染第二个组件
        builder.OpenComponent(2, typeof(SecondComponent));
        builder.AddAttribute(3, "Count", 5);
        builder.CloseComponent();
    };
}

3. 动态加载外部程序集中的组件（插件场景） #

如果你的组件是放在外部程序集里的（比如插件），可以通过反射获取组件类型后再渲染：

// 加载外部程序集
var componentAssembly = Assembly.LoadFrom("YourComponentAssembly.dll");
// 获取组件类型（替换成你实际的组件命名空间和类名）
var componentType = componentAssembly.GetType("YourNamespace.YourComponent");

// 之后就可以用上面的DynamicComponent或者RenderFragment渲染这个componentType了

你之前尝试失败可能的原因： #

• 如果你用的是.NET 6之前的版本，DynamicComponent是不支持的，得用手动构建RenderFragment的方式
• 参数名称和组件的[Parameter]属性名不匹配（大小写敏感）
• 组件类型没有正确获取（比如拼写错误、程序集未加载）

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