【React】ListItemTextちゃん反応して。

はじめに

React + Material UIでスタイルをいじっていたときのこと。

わい 「fontWeight: "bold" 」
ListItemTextちゃん 「....」
わい 「fontWeight: "bolder" 」
ListItemTextちゃん 「....」
わい 「fontWeight: 700 」
ListItemTextちゃん 「....」
わい 「くぁwせdrftgyふじこlp」

ListItemTextちゃんが全く反応してくれなかったのでメモ。

解決法

classesの中に{primary: 任意のスタイル}を入れることで解決。

つんでれ.tsx

<ListItemText primary={テキスト} classes={{primary: classes.activeText)}} />
const useStyles = makeStyles((theme: Theme) => ({
  activeText: {
    fontWeight: 'bold',
  },
}));

以上

おわり。閉廷。