.NET 6 Blazor组件EventCallback参数父级处理方法无法触发问题求解

1. 为同类型组件添加唯一@key标识 #

Blazor渲染树差分算法默认会复用同类型组件实例，若多个同类型组件未显式指定唯一@key，会出现实例复用、事件绑定覆盖的问题，这是绑定逻辑不符的核心原因。
分别给两处CustomerComponent添加唯一的@key值：

<!-- Deposit组件Razor代码 -->
<CustomerComponent @ref=DOMCustomerComponent OnSelectedCustomer=OnCustomerSelected @key="Deposit_CustomerSelector"></CustomerComponent>

<!-- Modal组件Razor代码 -->
<DepositComponent @ref=DOMDeposit OnDepositSelected=OnSelectDeposit />
<CustomerComponent @ref=DOMCustomer OnSelectedCustomer=OnCustSelected @key="Modal_CustomerSelector"></CustomerComponent>

@key的值可以是任意全局唯一的字符串、数值、对象实例，只要保证两个CustomerComponent的@key不重复即可。

2. 修正事件处理方法的返回值类型 #

EventCallback本身是异步触发机制，父组件用void作为处理方法返回值可能出现异步上下文丢失、触发逻辑被吞的问题，统一改为Task返回值：

async Task OnCustSelected(DIMCustomer customer)
{
    if (CustomerModalMode == customerMode.Owner)
    {
        dIMCheque.OwnerCustomer = customer;
        dIMCheque.ShOwner = customer.ID;
    }
    else if (CustomerModalMode == customerMode.Benefit)
    {
        dIMCheque.BeneficiaryCustomer = customer;
        dIMCheque.ShBeneficiary = customer.ID;
    }
    await Task.CompletedTask;
}

3. 显式声明组件参数绑定语法 #

在绑定组件参数前添加@前缀，避免编译期绑定歧义，减少隐藏的绑定错误：

<CustomerSelectorModalComponent @ref=DOMCustomerSelector @OnSelectedCustomer=OnCustSelected />

4. 校验组件引用逻辑 #

确认代码中通过@ref声明的三个组件实例DOMCustomerSelector、DOMCustomerComponent、DOMCustomer没有出现引用混用、错误赋值的情况，避免触发事件的组件与预期不符。

内容的提问来源于stack exchange，提问作者abbas-h