动态创建和销毁Blazzor客户端组件？

Question

我正在尝试动态创建和销毁Blazor组件，该组件是通过例如在页面内单击鼠标按钮创建的，无论如何，我都无法找到有关该主题的任何信息或示例。

• 如何动态创建和销毁Blazor组件？

编辑：我已经添加了此示例块来阐明我在尝试什么。

这是在“ WindowContainer.razor”内部]]

@using System
@implements IDisposable

@using System.Net.Http
@inject HttpClient Http

<div draggable="false" id="UIWindowContainer" class="ui-window-content">
    <div draggable="true" >
        @Caption
        <!-- Minimize -->


    </div>

    @ChildContent
</div>


@code
{
    public void Dispose()
    {
    }
}
这位于MainLayout.razor内部

div class="main">
    <div class="top-row px-4">
        <button @onclick="onClose">Exit</button>

        <a href="http://blazor.net" target="_blank" class="ml-md-auto">About</a>
    </div>

    <div class="content px-4">
        <WindowTest1.Components.WindowContainer @ref="sssss">test</WindowTest1.Components.WindowContainer>
    </div>
</div>

• 如何销毁WindowTest1.Components.WindowContainer？

[我试图动态创建和销毁我在页面内的某个按钮上单击鼠标创建的Blazor组件，无论如何我都找不到任何信息或示例...

Answer 1

如果只有几个项目，则应该能够使用if / else流来告诉渲染树显示或删除组件。如果您有项目列表，只需从列表中删除该项目，然后使组件重新渲染即可。这是一个待办事项清单的示例，该清单可以动态添加/删除div。