将属性传递给 Blazor 组件

Question

当我学习 Reactjs 中的组件时，我可以尝试这样的事情

<Component {...properties} /> 现在，我学习 Blazor。如何将属性传递给某个组件？

Answer 1

这是非常有可能的，而且 Blazor 组件的设计方式正是如此。快速搜索互联网发现以下有用的文档和文章；

• https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-5.0#parameters
• https://blazor-tutorial.net/component-parameters
• https://www.pragimtech.com/blog/blazor/blazor-component-parameters/
• https://chrissainty.com/3-ways-to-communicate-between-components-in-blazor/

Answer 2

您在组件定义中使用 [Parameter]。例如，如果你有一个像这样的 Blazor 组件

// BlazorComponent.razor
<div class="@Class">
  @ChildContent
</div>

@code {
  [Parameter] public string Class { get; set; }
  [Parameter] public RenderFragment ChildContent { get; set;}
}

你可以这样消费

<BlazorComponent Class="some-class">
  <p>Some Content</p>
</BlazorComponent>

哪个会像html一样生成

<div class="some-class">
  <p>Some Content</p>
</div>