reactjs - 如何向剑道反应组件添加样式或 className 属性，例如ETC。？

Question

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

假设如果 kendo TabStrip 背景颜色为白色，我想将其更改为黑色。但我找不到办法做到这一点。

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

我试过以下：

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

但两者都没有奏效。如果我做错了，请提出建议。

Answer 1

我在 className 中看到拼写错误，您写的是 claasName。此外，如果您正在谈论为您的页面添加一些功能，例如“黑暗/夜间模式”，那么样式化组件可能是最简单的解决方案。