如何通过单击按钮将另一个 Razor 组件加载到 Razor 组件中？

Question

我只想在用户单击搜索按钮时将剃刀组件加载到另一个剃刀组件中，然后当用户单击隐藏按钮时将搜索剃刀组件（页面）显示到隐藏的 div 中，然后它将被隐藏。就像内联弹出窗口一样。

Answer 1

像这样：

主要组成部分：

@page "/test"


<button @onclick="(() => ShowComponent = true)">Show</button>
<button @onclick="(() => ShowComponent = false)">Hide</button>
@if (ShowComponent)
{
    <ShowHideComponent></ShowHideComponent>
}


@code {
    bool ShowComponent { get; set; } = false;
}

ShowHideComponent.razor:

<div>Show Or Hide This</div>