5、Blazor组件开发全解析：数据交互、生命周期与样式设计

Blazor组件开发全解析：数据交互、生命周期与样式设计

1. 组件间的数据交互

1.1 事件回调实现子父组件通信

在Blazor中，事件回调是实现子组件向父组件传递数据的有效方式。以图书购物车为例，我们可以通过以下步骤实现：
1. 定义一个方法用于处理添加图书到购物车的操作：

private List<Book> _booksCart = new List<Book>();
private void AddToCart(Book selectedBook)
{
    _booksCart.Add(selectedBook);
}

2. 将该方法分配给 BookCard 组件的 OnAddToCartClicked 事件回调：

<div style="display:flex">
    @foreach (var book in _books)
    {
        <BookCard Book="book" OnAddToCartClicked="AddToCart" />
    }
</div>

注意，在分配函数时不要使用括号，因为这里是在分配函数而不是调用它。运行项目后，点击“添加到购物车”按钮，图书标题将被添加到“我的购物车”列表中。

1.2 级联值和