1. 使用Blazor的状态管理库进行状态管理，这可以保证状态的一致性和可追溯性。示例代码：

@using Microsoft.AspNetCore.Components.WebAssembly.Services @inject IUriHelper uriHelper @inject HttpClient Http

Products

@foreach (var product in products) {

@code { private List products; private Dictionary cart = new();

protected async override Task OnInitializedAsync()
{
    products = await Http.GetFromJsonAsync>("api/products");
}

private void AddToCart(int productId)
{
    if (cart.ContainsKey(productId))
    {
        cart[productId]++;
    }
    else
    {
        cart[productId] = 1;
    }

    uriHelper.NavigateTo("/cart");
}

}

2. 使用Blazor的内置路由来管理页面之间的导航。示例代码：

@page "/counter"

Counter

Current count: @currentCount

Click me

@code { private int currentCount = 0;

private void IncrementCount()
{
    currentCount++;
}

}