Как я могу загрузить другой компонент 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>