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

Question

我只想在用户单击搜索按钮时将一个 razor 组件加载到另一个 razor 组件，然后我想在用户单击隐藏按钮时将搜索 razor 组件（页面）显示为隐藏 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>