Blazor中DataLoading始终为true导致表单无法显示的问题求助

核心问题：异步生命周期方法使用错误 #

你在AddUpdate.razor.cs中重写OnInitialized时使用了async void，这是Blazor异步生命周期方法的错误用法。Blazor的异步生命周期方法应当使用**OnInitializedAsync**（返回Task类型），而非async void的OnInitialized。

async void会引发以下问题：

• Blazor无法正确跟踪异步操作的上下文，可能导致finally块中的DataLoading = false执行时机异常，甚至无法触发组件重新渲染。
• 异步操作中的异常无法被Blazor的错误处理机制捕获，进而导致组件状态异常。

修复步骤 #

1. 替换生命周期方法为OnInitializedAsync #

修改AddUpdate.razor.cs中的代码：

protected override async Task OnInitializedAsync()
{
    if (DataLoading)
    {
        return;
    }
    try
    {
        DataLoading = true;
        _debtor = await debtorBL.GetByIdAsync(DebtorId);
    }
    catch (Exception ex)
    {
        // 建议添加异常处理逻辑，比如记录日志或给用户提示
        // 示例：Logger.LogError(ex, "加载Debtor数据失败");
        throw; // 若需保留抛出异常，可处理后再决定是否抛出
    }
    finally
    {
        DataLoading = false;
    }
}

2. 验证DataLoading的状态变更触发渲染 #

确保DataLoading是组件内的可观测状态：

• 如果DataLoading是私有字段，Blazor会在其值变更后自动触发组件重新渲染，无需额外操作。
• 如果是[Parameter]属性，需确保父组件传递的参数变更时能通知到子组件，或结合[Parameter]和SetParametersAsync处理。

3. 额外优化建议 #

在DebtorService.GetByIdAsync中，SingleAsync会在找不到对应ID的Debtor时抛出异常，建议根据业务需求改为SingleOrDefaultAsync，并处理返回null的情况，避免无意义的异常抛出：

public async Task<Debtor> GetByIdAsync(int Id)
{
    using (var _db = _factory.CreateDbContext())
    {
        return await _db.Debtors.SingleOrDefaultAsync(x => x.Id == Id);
    }
}

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