示例 Blazor 项目中的计数器状态可以在页面切换之间保留吗？

在服务器端 Blazor 和 WebAssembly Blazor 项目的默认示例项目中，每次在页面之间移动时，计数器示例都会重置为 0。但是，在 ASP.NET React 示例项目中，计数器不会在页面切换之间重置。

有没有办法让像 Counter 这样的组件在 Blazor 中的页面导航之间保留状态（至少对于不进行任何服务器调用的 WebAssembly 项目）？

看起来这个确切的场景在https://learn.microsoft.com/en-us/aspnet/core/blazor/state-management?view=aspnetcore-3.0#client-side-in-the-browser

似乎 Blazor 不能直接处理它，但您只需要使用localStorage or sessionStorage.

使用Blazor.Extensions.StorageNuGet 包（https://github.com/BlazorExtensions/Storage):

@page "/counter"

@inject ISessionStorage SessionStorage
@using Blazor.Extensions.Storage.Interfaces

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    protected override async Task OnInitializedAsync()
    {
        currentCount = await SessionStorage.GetItem<int>("counter");
    }

    private async void IncrementCount()
    {
        currentCount++;
        await SessionStorage.SetItem<int>("counter", currentCount);
    }
}