Blazor 中的片段是什么？

Question

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

Answer 1

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

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

索引剃刀

@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。该委托在组件的视图部分中被调用，因此：

<div>@ChildContent</div>

html 片段在 div 中呈现如下

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

希望这可以帮助...