Blazor WASM自定义ErrorBoundary引发组件树全量重渲染，如何规避？

问题原因 #

你当前的CustomErrorBoundary继承自ErrorBoundaryBase，该基类在捕获到异常后，会自动将组件标记为错误状态并调用StateHasChanged，触发组件重新渲染——这就是导致整个内部组件树被重渲染的根本原因。

解决方案 #

方案一：基于ComponentBase实现自定义错误捕获（推荐） #

直接继承ComponentBase，重写HandleExceptionAsync方法处理异常，全程不修改组件状态，从根源避免重渲染。

替换原有的CustomErrorBoundary代码：

@using App.Services
@inject ToasterService _toasterService
@inject ILogger<CustomErrorHandler> _logger

@ChildContent

@code {
    [Parameter] public RenderFragment ChildContent { get; set; }

    protected override Task HandleExceptionAsync(Exception exception)
    {
        var message = "Error in application. Please contact administrator.";
        _logger.LogError(exception, message);
        _toasterService.DisplayError(message);

        // 不抛出异常，阻止异常向上冒泡，同时避免组件进入故障状态
        return Task.CompletedTask;
    }
}

然后在App.razor中把<CustomErrorBoundary>替换为<CustomErrorHandler>即可。

这种方式的核心是：组件仅捕获并处理异常，不会触发任何状态变更，因此不会导致子组件树重渲染，完全符合你只需要显示错误提示的需求。

方案二：基于ErrorBoundaryBase调整（不推荐） #

如果一定要保留ErrorBoundaryBase的继承关系，可以在处理完异常后立即调用Recover()方法让组件退出错误状态，但这种方式会触发两次重渲染（进入错误状态一次、恢复状态一次），虽最终显示内容正常，但仍存在不必要的渲染开销：

@using App.Services
@inherits ErrorBoundaryBase

@inject ToasterService _toasterService
@inject ILogger<CustomErrorBoundary> _logger

@ChildContent

@code{
    protected override async Task OnErrorAsync(Exception exception)
    {
        var message = "Error in application. Please contact administrator.";
        _logger.LogError(exception, message);

        _toasterService.DisplayError(message);

        // 立即恢复错误状态，避免持续触发重渲染
        Recover();
        await Task.CompletedTask;
    }
}

内容的提问来源于stack exchange，提问作者Jovan