🐑 className記法
作成日： 2021/12/28
2

基本ですがそのうち忘れて遠回りなことをしそうなのでメモ

  • Level1: クラスが一つだけの時
<div className="navigation-item">
  • Level2: クラスが二つ以上の時
<div className={`difficulty-button difficulty-up`}
  • Level3: クラスに変数を渡す時
    （cssの条件分岐もできちゃう！）
const downVisibility = difficulty > 1 ? '' : 'is-hidden'
return (
<div className={`difficulty-button difficulty-down ${downVisibility}`}
)
Takeuchi