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>

希望这会有所帮助...