ReactでCSSの条件式適用

三項演算子を使う

例）ダークモードにする

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

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