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

Question

我是实质性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道具：

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

以上是静态的。如果您希望它是动态的，则可以使用：

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

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