Добавьте CSS из файла. css к компоненту материала

Question

Я новичок в пользовательском интерфейсе материала. здесь у меня есть файл 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">

вышеупомянутое - stati c. Если вы хотите динамический c, тогда вы можете использовать:

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

Здесь {bgItem} является переменной и может содержать некоторое значение динамического c.