如何在Blazor中的按钮单击上渲染组件？ [英] How to render a component on button click in Blazor?

问题描述

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

我希望只要用户单击特定按钮，就在页面上的某个位置显示一个组件。我目前是这样实现的：

@page "/test"

<button type="button" @onclick="() => showSignUpComponent = true">
    Show Sign Up Window
</button>

@if (showSignUpComponent)
{
    <SignUp />
}

@code {
    bool showSignUpComponent;
} 

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

推荐答案

您所做的一切都很好，我敢说，这是标准的做法！

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

不过，没有必要纠结于此。您所做的非常好，这表明您理解当触发UI事件(如‘click’)时，组件将重新呈现，不需要调用StateHasChanged.

这篇关于如何在Blazor中的按钮单击上渲染组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！