blazor - Blazor 中的片段是什么？

Question

引用https://learn.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0#razor-templates什么是片段？

Answer 1

片段是 HtmL 内容的 block 或片段，例如元素标签和文本、razor 标记和组件，以委托(delegate) (RenderFragment) 的形式执行

这是一个演示此概念的简单示例:

Index.razor

@page "/"

<h1>Hello, world!</h1>


<TestComponent>
    <p>Get Ready for a new era in Web development</p>
</TestComponent> 

测试组件.razor

<div>@ChildContent</div>

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

上面的示例描述了一个名为 Index 的父组件，以及一个嵌套或子组件 TestComponent。嵌套的TestComponent的内容由父组件提供，以RenderFragment委托(delegate)的参数形式传递给TestComponent。该委托(delegate)在组件的 View 部分被调用，因此:

<div>@ChildContent</div>

然后 html 片段在 div 中呈现为这样

<div><p>Get Ready for a new era in Web development</p></div>

希望这有助于...