c# - 如何通过单击按钮将另一个 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>