👨‍👦‍👦

ReactでCSSの条件式適用

2021/08/02に公開約200字

三項演算子を使う

例)ダークモードにする

export default function App() {
  const { isDarkMode } = useDarkMode();
    
  return (
    <main className={`body ${isDarkMode ? "body-dark" : "body-light"}`}>
      <Routes />
    </main>
  );
}

cssのクラスを関数(useDarkMode())で真偽値を変更させる。

Discussion

ログインするとコメントできます