如何声明ChildContent RenderFragment数组并统计MyLine组件数量？

实现思路 #

直接通过RenderFragment无法直接获取子组件实例的数量，因为RenderFragment只是渲染逻辑的委托，不会直接暴露组件实例。我们可以通过子组件向父组件注册的方式实现计数：让每个MyLine在初始化时通知父级MyTable，从而让MyTable统计数量。

具体代码实现 #

1. 修改MyTable.razor #

<div>
    MyLine数量: @_myLineCount
    @ChildContent
</div>

@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

    private int _myLineCount;

    // 供MyLine调用的注册方法
    public void RegisterMyLine()
    {
        _myLineCount++;
        StateHasChanged(); // 更新UI显示计数
    }

    // 处理组件销毁时的注销（避免内存泄漏或计数错误）
    public void UnregisterMyLine()
    {
        _myLineCount--;
        StateHasChanged();
    }
}

2. 修改MyLine.razor #

@implements IDisposable

@code {
    [CascadingParameter]
    private MyTable ParentTable { get; set; }

    protected override void OnInitialized()
    {
        base.OnInitialized();
        ParentTable?.RegisterMyLine();
    }

    public void Dispose()
    {
        ParentTable?.UnregisterMyLine();
    }
}

补充说明 #

• 使用CascadingParameter可以让MyLine自动获取父级的MyTable实例，无需手动传递参数。
• 如果MyLine可能嵌套在其他组件中（而非直接作为MyTable的子组件），可以考虑使用依赖注入或事件通知的方式，但上述方案在直接嵌套场景下最简洁。
• 实现IDisposable并调用UnregisterMyLine，是为了处理动态移除MyLine的场景（比如条件渲染），确保计数始终准确。

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