c# blazor如何創建動態組件

在C# Blazor中，要創建動態組件，您可以使用ComponentBase類和CascadingValue、IChildComponent接口。以下是一個簡單的示例，說明如何創建動態組件：

1. 首先，創建一個基本的組件類，例如MyComponent.razor：

@code {
    public string Message { get; set; }
}

2. 然后，創建一個包裝組件，它將包含動態組件。在這個例子中，我們將創建一個名為DynamicComponentWrapper.razor的組件：

@inject ComponentBase DynamicComponent

<div>
    <h3>Dynamic Component</h3>
    <button @onclick="ToggleComponent">Toggle Component</button>
    @if (showComponent)
    {
        @await DynamicComponent.RenderAsync()
    }
</div>

@code {
    private bool showComponent = false;

    private async Task ToggleComponent()
    {
        showComponent = !showComponent;
        await DynamicComponent.RenderAsync();
    }
}

在這個例子中，我們使用@inject指令將ComponentBase類型的DynamicComponent注入到DynamicComponentWrapper組件中。我們還添加了一個按鈕，當點擊時，它會切換showComponent布爾值，從而動態地顯示或隱藏動態組件。

3. 最后，您可以在其他組件中使用DynamicComponentWrapper組件，并傳入一個實現了IChildComponent接口的動態組件。例如，在App.razor中：

@page "/dynamic-component"

@if (currentComponent == null)
{
    currentComponent = new MyComponent { Message = "Hello from MyComponent!" };
}

<DynamicComponentWrapper DynamicComponent="currentComponent" />

@code {
    private IChildComponent currentComponent;
}

在這個例子中，我們將MyComponent實例賦值給currentComponent變量，并將其傳遞給DynamicComponentWrapper組件。當currentComponent變量發生變化時，DynamicComponentWrapper將自動重新渲染動態組件。

這就是在C# Blazor中創建動態組件的基本方法。您可以根據需要擴展此示例，以適應您的具體需求。