.NET MAUI Blazor Hybrid/Blazor：子组件如何访问父组件？

针对你提到的Home→Child1→Child2嵌套结构下，Child2需要访问父级组件的场景，以下是几种更符合Blazor设计理念的替代方案：

1. 回调委托（推荐的单向数据流方式） #

通过组件参数传递回调方法，是Blazor官方推荐的组件通信方式，避免静态依赖：

• 在Child2中定义参数接收回调：

  [Parameter]
  public Action OnDoSomethingCompleted { get; set; }
  
  private void DoSomething()
  {
      // 执行自身逻辑
      OnDoSomethingCompleted?.Invoke();
  }
  

• Child1组件在引用Child2时，传入自己的处理方法（或进一步传递Home的方法）：

  <Child2 OnDoSomethingCompleted="HandleChild2Action" />
  
  @code {
      [Parameter]
      public Action OnChild1Action { get; set; }
  
      private void HandleChild2Action()
      {
          // 处理Child2的动作，或调用Home传来的回调
          OnChild1Action?.Invoke();
      }
  }
  

• Home组件引用Child1时，传入自己的处理逻辑即可。

2. 级联值（CascadingValue） #

如果需要跨多层级直接访问父组件实例，可使用级联值：

• 在Home组件中包裹Child1，传递自身实例：

  <CascadingValue Value="this">
      <Child1 />
  </CascadingValue>
  
  @code {
      public void HomeMethod()
      {
          // Home组件的方法
      }
  }
  

• 在Child2中通过级联参数接收Home实例：

  [CascadingParameter]
  public Home ParentHome { get; set; }
  
  private void DoSomething()
  {
      ParentHome?.HomeMethod();
  }
  

  同理也可以级联传递Child1实例，注意在组件销毁时（IDisposable实现）清理引用，避免内存泄漏。

3. 共享服务（依赖注入） #

对于复杂的跨组件通信场景，可创建Scoped服务来承载共享逻辑或事件：

• 定义共享服务：

  public class ComponentInteractionService
  {
      public event Action DoSomethingTriggered;
  
      public void TriggerDoSomething()
      {
          DoSomethingTriggered?.Invoke();
      }
  }
  

• 在Program.cs中注册为Scoped服务：

  builder.Services.AddScoped<ComponentInteractionService>();
  

• 在Child2中注入服务并触发事件：

  private readonly ComponentInteractionService _service;
  
  public Child2(ComponentInteractionService service)
  {
      _service = service;
  }
  
  private void DoSomething()
  {
      _service.TriggerDoSomething();
  }
  

• 在Home和Child1中注入服务并订阅事件（记得在Dispose中取消订阅）：

  private readonly ComponentInteractionService _service;
  private IDisposable _subscription;
  
  public Home(ComponentInteractionService service)
  {
      _service = service;
  }
  
  protected override void OnInitialized()
  {
      _subscription = _service.DoSomethingTriggered += HandleDoSomething;
  }
  
  private void HandleDoSomething()
  {
      // 处理逻辑
  }
  
  public void Dispose()
  {
      _subscription?.Dispose();
  }
  

微软官方文档推荐 #

你可以参考以下官方文档内容：

• 组件间通信：涵盖参数、回调、级联值、依赖注入等所有Blazor组件通信方式，包含示例代码和最佳实践说明。
• 组件生命周期：详细说明组件初始化、销毁阶段的处理，包括事件订阅后的清理步骤，避免内存泄漏。
• 依赖注入：讲解如何创建和使用服务实现组件间的状态共享与通信。

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