如何将样式或类名属性添加到 kendo react 组件(如 <TabStriip /> 等)中？

Question

我在应用程序中使用的是针对SPFx解决方案的kendo react，并且我使用的是kendo TabStrip和kendo TabStripTab组件。但默认情况下，它们带有由剑道添加的预定义样式。因此，TabStrip和TabStripTab组件上已经定义了"className"属性。因此，我的问题是如何将自定义样式应用于组件。我在哪里覆盖剑道默认类。

假设剑道TabStrip的背景颜色是白色，我想把它改成黑色。但我找不到办法。

我可以向组件添加另一个className属性吗？或者我可以将现有类名与我要应用的类名连接起来。

我尝试过以下内容：

<Tabstrip selected={this.state.selected} className="red" />
<Tabstrip selected={this.state.selected} className={styles.red} />

但两者都不起作用。如果我做错了，请提出建议。

Answer 1

我在className中看到拼写错误，你写了claasName。此外，如果你正在谈论为你的页面制作一些功能，比如"；"黑暗/夜晚模式"；，样式的组件可能是最简单的解决方案。