Blazor组件能否支持属性展开？以TabControl的Items属性配置为例

你提到的这种展开组件属性节点写内容的写法，在Blazor框架里的正式称呼是命名参数子内容（Property-level Child Content），是框架原生支持的标记语法，不需要额外引入第三方库或者做特殊编译配置。
之前遇到的不支持的问题，本质是原有TabControl组件的Items参数类型不符合该语法的要求，所以只能通过组件特性的方式赋值，没法在组件标签内部展开节点写内容。

要实现期望的标记写法，只需要对TabControl和配套的TabItem组件做两处调整：

1. 改造TabControl组件的参数定义 #

把原本用来接收列表的Items参数，从普通的List<TabItem>类型，调整为框架可识别的RenderFragment类型，同时在内部维护实际的TabItem存储集合：

// TabControl.razor 完整基础结构
@* 关键：先渲染Items参数对应的内容，触发里面所有TabItem的初始化注册逻辑 *@
@Items

@* 组件渲染逻辑：遍历收集到的TabItem生成实际的标签页 *@
<div class="tab-container">
    <div class="tab-header-bar">
        @foreach (var tab in _storedItems)
        {
            <button class="tab-btn">@tab.Title</button>
        }
    </div>
    <div class="tab-body">
        @foreach (var tab in _storedItems)
        {
            <div class="tab-pane">@tab.ChildContent</div>
        }
    </div>
</div>

@code {
    // 关键：参数名和要展开的节点完全同名，类型为RenderFragment，框架会自动识别<TabControl.Items>节点下的内容
    [Parameter]
    public RenderFragment? Items { get; set; }

    // 内部实际存储所有TabItem的集合
    private readonly List<TabItem> _storedItems = new();

    // 供子级TabItem调用的注册方法
    public void RegisterTab(TabItem tabInstance)
    {
        if (!_storedItems.Contains(tabInstance))
        {
            _storedItems.Add(tabInstance);
        }
    }
}

2. 改造TabItem组件的注册逻辑 #

让TabItem组件在初始化时，能自动找到父级TabControl实例，把自身注册到TabControl的内部集合中，不需要手动添加：

// TabItem.razor 完整基础结构
<CascadingValue Value="this" IsFixed="true">
    @* 渲染当前TabItem的自定义内容 *@
    @ChildContent
</CascadingValue>

@code {
    // 级联获取所在的父级TabControl实例
    [CascadingParameter]
    private TabControl ParentControl { get; set; }

    // 暴露对外的Tab标题参数
    [Parameter]
    public string Title { get; set; }

    // 暴露对外的Tab内容参数
    [Parameter]
    public RenderFragment? ChildContent { get; set; }

    protected override void OnInitialized()
    {
        // 初始化时自动把自身注册到父级TabControl的集合里
        ParentControl?.RegisterTab(this);
    }
}

调整完成后，你就可以完全按照期望的方式写标记，不需要提前在@code代码块里手动构造TabItem的List集合：

<TabControl>
    <TabControl.Items>
        <TabItem Title="foo">
            content for my <strong>foo</strong> page
        </TabItem>
        <TabItem Title="bar">
            content for my <strong>bar</strong> page
        </TabItem>
    </TabControl.Items>
</TabControl>

• 如果原有Items参数是普通的List<TabItem>类型，框架是不会识别<TabControl.Items>这类内部展开节点的，这种类型的参数仅支持通过组件特性（也就是Items="@MyList"）的方式赋值
• 这种展开式写法和组件默认的ChildContent参数机制完全一致，只要参数是RenderFragment类型，都可以使用这种组件名.参数名的节点结构传递内容，不需要额外的语法适配
• 记得在TabControl的渲染逻辑中显式调用@Items渲染对应片段，否则片段内的TabItem组件不会被初始化，也就无法触发注册逻辑，最终会导致标签集合为空

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