如何在Blazor中单击按钮时渲染组件

Question

我是SPA框架和Blazor的新手，所以这可能是一个很容易回答的问题，尽管我在其他地方找不到答案。

我想在用户单击特定按钮后立即在页面上的某个位置显示组件。我目前是这样实现的：

@page "/test"
<button type="button" @onclick="() => showSignUpComponent = true">
Show Sign Up Window
</button>
@if (showSignUpComponent)
{
<SignUp />
}
@code {
bool showSignUpComponent;
} 

我想知道在Blazor是否有更好、更干净的方法(即正确的方法(来做这样的事情，或者这是常见的和"；标准"；方法

Answer 1

你所做的很好，我敢说，这是标准的方法！

如果你有不同的场景，你也可以用稍微不同的方式来做。例如，您可以定义一个字符串变量而不是布尔变量，并在其中存储一些相关信息，等等

不过，没必要纠缠于此。您所做的一切都很好，这表明您确实理解，当触发UI事件(如"单击"(时，组件将重新呈现，并且无需调用StateHasChanged。。。