c# - 动态添加/加载组件

Question

优秀的 Blazor 人员，我需要你们的帮助。

如今，在向页面添加组件时，您通常会执行以下操作:

@page "/somepage"

<MyComponent></MyComponent>

我想做的是动态添加组件，像这样:

@page "/somepage"

@dynamicComponent

@functions{
 BlazorComponent dynamicComponent = Activator.CreateInstance<Components.MyComponent>();
}

任何想法如何做到这一点，动态添加或加载组件？

Answer 1

目前没有用于此的高级 API。您可以按照此处的说明使用低级 API:https://github.com/aspnet/Blazor/issues/723

在您的情况下，这将转化为:

@page "/somepage"

@dynamicComponent()

@functions{
  RenderFragment dynamicComponent() => builder =>
    {
        builder.OpenComponent(0, typeof(SurveyPrompt));
        builder.AddAttribute(1, "Title", "Some title");
        builder.CloseComponent();
    };
}