有没有办法在不覆盖现有类名的情况下将类名添加到 blazor 组件？答案

【问题标题】：Is there a way to add a class name to a blazor component without overriding the existing class name?有没有办法在不覆盖现有类名的情况下将类名添加到 blazor 组件？
【发布时间】：2021-05-02 18:44:37
【问题描述】：

假设我有一个组件 MyComponent，声明如下：

<div class="container">
  "some nested content"
</div>

现在我想使用组件，并给它一个类名：

<MyComponent class="new-class" />

如果我这样做，“容器”类名将被“新类”覆盖：

<div class="new-class">
  ....
<div>

有没有办法同时保留类名和有，最后：

<div class="container new-class">
  ....
<div>

【问题讨论】：

您说““容器”类名将被“新类”覆盖”但是如何？在 MyComponent 中会发生什么？
@Vencovsky 我不确定，但它是 RenderTreeBuilder 吗？
尝试在内部组件中添加一个字符串属性，并将其添加到类标签
并在父

标签： blazor blazor-client-side blazor-webassembly

【解决方案1】：

您应该了解“组件参数”：[Parameter]。在你的组件上，声明一个参数：

<div class="container @CssClass">
  "some nested content"
</div>

@code
{
   [Parameter] public string CssClass {get; set;} = "";
}

现在，当你使用你的组件时，如果你愿意，你可以给参数设置一个值：

<MyComponent CssClass="new-class" />

引用docs:

组件可以具有组件参数，这些参数是使用具有 [Parameter] 属性的组件类上的公共简单或复杂属性定义的。使用属性为标记中的组件指定参数。

【讨论】：