c# - Blazor 渲染内容两次

Question

我尝试了不同的方法来防止这种情况发生。

更改为 render-mode="Server" 后，我能够防止在第一次加载时渲染两次。

但现在当我刷新页面时，它的元素数量仍然翻倍。

这是我得到的

<div id="component-wrapper" class="row">
    @if (Items != null)
    {
        @foreach (var item in Items )
        {
            <ItemComponent Item="@item" />
        }
    }
</div>

@code {

    [Inject]
    private IItemService ItemService { get; set; }
    List<ItemViewModel> Items { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Items = await ItemService.GetItemsAsync();
        base.OnInitialized();
    }
}

我已经阅读了 Stateful reconnection after prerendering部分，它似乎对我不起作用。

Answer 1

对我来说，这个脚本是在 _Hosts.cshtml 上复制的

<script src="_framework/blazor.server.js"></script>

删除其中一个后问题解决。