是否可以在按钮的 onclick 事件上创建 Blazor 组件

Question

我对 Blazor 很陌生。 因此，高度赞赏有关我的问题的所有指导和方向。

我正在开发一个 Blazor 页面，在该页面上我实现了 Blazorise 开源库以在页面中实现<CardDeck>...</CardDeck> （例如 Parent.razor）。 在CardDeck的下方，我在 razor 组件中实现了一张Card 。 我正在绑定从数据库中检索到的数据对象。

Parent.razor 的代码如下所示。

    <CardDeck>
          <Button @onclick="SomeMethodToCreateComponent"
          @foreach(var item in List)
          {
             //implementing component page (eg. CardComponent.razor)
             <CardComponent>...</CardComponent>
          }
    </CardDeck>

    @Code{
        public void SomeMethodToCreateComponent()
        {
             //Code to create a component on button onclick
        }
    }

组件页面的代码（例如 Card.razor）

    <Card>
     <CardBody>
        <CardTitle Size="5">Card title 1</CardTitle>
        <CardText>
            Lorem ipsum
        </CardText>
        </CardBody>
    </Card>

现在，此功能得到了增强。 在父 razor 页面上，我放置了一个按钮。 在该按钮的@onclick事件中，我需要生成一个具有<Card>...</Card>层次结构的组件。 每当单击父页面中的按钮时，都会生成一张卡片。 可能吗？

Answer 1

它比你想象的要简单得多。

public void SomeMethodToCreateComponent()
{
     //Code to create a component on button onclick
     var newItem = ...
     List.Add(newItem);
} // auto re-render here and the @foreach will render the new item