Blazor已从WebApi获取数据却仍触发NullReferenceException问题咨询

你的问题核心在于**permissionDto.RoleClaims可能为null**——哪怕你已经检查了permissionDto != null，但遍历一个null集合依然会触发空引用异常。再加上Blazor的组件生命周期特性，初始渲染阶段就可能尝试访问这个null集合，直接导致报错。

下面是具体的修复方案：

1. 从根源确保集合不为null（推荐） #

最彻底的解决方式是修改PermissionDto类的定义，把RoleClaims属性初始化为空集合。这样不管是组件初始化时的实例，还是API返回的数据（哪怕JSON里没包含这个字段），集合都永远不会是null：

public class PermissionDto
{
    // 你的其他属性
    public string RoleId { get; set; }
    // 初始化空集合，从根源避免null
    public List<RoleClaimsDto> RoleClaims { get; set; } = new List<RoleClaimsDto>();
}

2. 优化组件内的空值检查 #

如果暂时无法修改PermissionDto的定义，你可以在组件渲染逻辑里增强空值校验，或者用空合并运算符提供兜底的空集合：

方式一：增强双重null检查 #

@if (permissionDto != null && permissionDto.RoleClaims != null)
{
    @foreach (RoleClaimsDto roleClaimsDto in permissionDto.RoleClaims)
    {
        // 你的表格行代码
    }
}

方式二：用空合并运算符简化逻辑 #

@foreach (RoleClaimsDto roleClaimsDto in permissionDto?.RoleClaims ?? Enumerable.Empty<RoleClaimsDto>())
{
    // 你的表格行代码
}

这种写法会自动处理两种null情况：如果permissionDto是null，或者RoleClaims是null，都会遍历一个空的集合，不会触发异常。

3. 处理API返回null的边界情况 #

如果API在roleId不存在等场景下会返回null，你可以在OnInitializedAsync里提前处理，确保permissionDto永远不会是null：

protected override async Task OnInitializedAsync()
{
    var apiResponse = await client.GetFromJsonAsync<PermissionDto>("api/permission/allPermission/" + roleId);
    // 若API返回null，就创建一个带空集合的实例兜底
    permissionDto = apiResponse ?? new PermissionDto { RoleClaims = new List<RoleClaimsDto>() };
}

为什么之前的检查没生效？ #

Blazor的组件渲染流程是：先初始化组件（此时你创建了new PermissionDto()）→ 第一次渲染DOM → 再执行OnInitializedAsync获取数据。如果你的PermissionDto默认没有初始化RoleClaims，第一次渲染时permissionDto != null为true，但RoleClaims是null，执行foreach就会直接报错——这就是你看到异常的原因。

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