如何为父页面的组件事件回调添加仅父级知晓的额外参数？

我目前使用的CollapsePanel组件提供了OnCollapseChanged事件回调，仅接收一个bool类型的折叠状态参数，基础用法如下：

基础用法代码 #

<CollapsePanel CollapsedColor="@_collapsedColor"
               OnCollapseChanged="OnCollapseChanged">
</CollapsePanel>

对应的C#处理逻辑：

private bool _isCollapsed = false;

private Task OnCollapseChanged(bool state)
{
    _isCollapsed = state;
    return Task.CompletedTask;
}

现在需要循环渲染多个该组件，每个组件对应一个车辆ID，希望在回调中能获取到这个ID来维护对应组件的折叠状态（用HashSet存储已折叠的ID），但CollapsePanel组件本身不需要也不应该知晓这个ID的存在。期望实现的效果是：

期望的复用用法 #

@foreach (var car in _carBaseStates)
{
    <CollapsePanel CollapsedColor="@_collapsedColor"
                   OnCollapseChanged="(state) => OnCollapseChanged(state, car.Id)">
    </CollapsePanel>
}

对应的状态维护逻辑：

private HashSet<int> _collapsedIds = new HashSet<int>();

private Task OnCollapseChanged(bool state, int id)
{
    if(state)
    {
        _collapsedIds.Add(id);
    }
    else
    {
        _collapsedIds.Remove(id);
    }
    return Task.CompletedTask;
}

实现方案说明 #

核心思路是利用lambda表达式捕获父组件的局部变量，将CollapsePanel触发的bool状态与父组件的车辆ID一起传递给自定义的回调方法：

1. 在循环渲染组件时，通过(state) => OnCollapseChanged(state, car.Id)创建一个新的EventCallback<bool>，这个lambda会捕获当前循环的car.Id。
2. 当CollapsePanel组件触发折叠状态变化事件时，会执行这个lambda，将组件传来的state和捕获的ID一同传入我们定义的OnCollapseChanged(bool state, int id)方法中。
3. 整个过程中，CollapsePanel组件完全不知道ID参数的存在，仅负责传递自身的折叠状态，符合组件解耦的要求。

注意事项：避免循环变量捕获问题 #

在C# 5及以后的版本中，foreach循环的迭代变量是每次循环都会创建新的实例，直接捕获car.Id不会有问题，但为了兼容旧版本或避免潜在的变量共享问题，可以在循环内部定义临时变量来捕获当前迭代项：

@foreach (var car in _carBaseStates)
{
    var currentCar = car;
    <CollapsePanel CollapsedColor="@_collapsedColor"
                   OnCollapseChanged="(state) => OnCollapseChanged(state, currentCar.Id)">
    </CollapsePanel>
}

这样能确保每个回调捕获的都是当前循环的车辆ID，不会出现所有回调都指向最后一个迭代项的问题。

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