将 .css 文件中的 CSS 添加到材质组件

Question

我是 Material UI 的新手。在这里，我有一个具有以下内容的 css 文件，

.bgItem {
 font-size: 14px;
}

而我的组件是这样的，

 <MenuItem key={status.Id} value={status.Value} classes={css.bgItem}>
       {status.Description}
 </MenuItem>

我尝试使用这种方式classes={css.bgItem}。我实际上不想使用内联样式，例如在组件本身中创建样式对象。所以，我有不同的 css 文件。

谁能帮我解决这个问题？

Answer 1

在这种情况下你可以使用className prop：

<MenuItem key={status.Id} value={status.Value} className="bgItem">

以上是静态的。如果你想要它是动态的，那么你可以使用：

<MenuItem key={status.Id} value={status.Value} classes={bgItem}>

这里{bgItem}是一个变量，它可能包含一些动态值。