Blazor中的碎片是什么？

Question

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

Answer 1

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

这里有一个简单的示例说明了这个概念：

Index.razor

@page "/"

<h1>Hello, world!</h1>


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

TestComponent.razor

<div>@ChildContent</div>

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

上面的示例描述了一个名为Index的父组件，以及一个嵌套或子组件TestComponent。嵌套的TestComponent的内容由父组件提供，并以RenderFragment委托的参数形式传递给TestComponent。因此，将在组件的视图部分中调用此委托：

<div>@ChildContent</div>

并且html片段在div中这样呈现

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

希望这对您有帮助...