Blazor页面刷新时触发NullReferenceException问题求助

看起来你碰到了Blazor异步数据加载时的典型问题——组件在数据还没加载完成就先执行渲染了，此时_item还是null，访问_item.Name自然就抛出空引用异常。从其他页面跳转时，Blazor的客户端路由机制可能让组件渲染和数据加载的时机刚好衔接上，或者缓存帮你掩盖了问题，但刷新页面时组件会完全重新初始化，异步加载的延迟就把这个问题暴露出来了。

给你几个实用的解决方案，按需选择：

• 方案一：用null条件运算符安全访问属性
  最简单的修复方式，在模板里通过?.运算符避免空引用：

  <h1>@_item?.Name</h1>
  

  数据加载完成前，页面会显示空白的h1，等异步请求结束后会自动更新为正确的名称，不会抛出异常。

• 方案二：添加加载状态提示
  要是想给用户更清晰的反馈，可以先显示加载提示，等数据就绪后再渲染标题：

  @if (_item == null)
  {
      <p>正在加载项目信息...</p>
  }
  else
  {
      <h1>@_item.Name</h1>
  }
  

  这种方式用户体验更好，不会看到莫名其妙的空白页面。

• 方案三：初始化时给_item设置默认值
  在声明_item的时候直接初始化一个空的Item对象，从根源上避免null：

  private Item _item = new Item();
  

  这样即使数据还没加载，_item.Name也只是空字符串，不会触发异常，等异步请求完成后会自动覆盖成正确的数据。

• 方案四：处理GetItem返回null的极端情况
  还要考虑ItemsService.GetItem(Id)返回null的情况（比如传入的Id不存在），可以在初始化方法里做判断，给出友好处理：

  protected override async Task OnInitializedAsync()
  {
      _item = await ItemsService.GetItem(Id);
      if (_item == null)
      {
          // 可以跳转到错误页面，或者设置错误提示状态
          // MyNavigationManager.NavigateTo("/item-not-found");
      }
  }
  

另外你的ReloadPage方法逻辑是没问题的，只要确保调用时Id不为null就可以，不过因为页面路由是/items/{id}，正常情况下Id都会从URL中正确获取到。

备注：内容来源于stack exchange，提问作者Mateech