🥶

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

2021/10/30に公開

はじめに

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',
  },
}));

以上

おわり。閉廷。

Discussion