/Javascript/React/Dark mode with react hooks

Dark mode with react hooks

// DarkMode/index.js

const DarkModeToggle = () => {
  const [isDark, setIsDark] = useState(localStorage.getItem("theme") === "dark" ? true : false);
  useEffect(() => {
    document
    .getElementsByTagName("HTML")[0]
    .setAttribute("data-theme", localStorage.getItem("theme"));
  },[]);

Source: dev.to

Similar codes

0 vote221 views2 answers
Apply back button to a react component
Javascript React
0 vote229 views1 answer
The email address is badly formatted react
Javascript React
18 votes289 views3 answers
How to setup tailwind for reactjs
Javascript React
4 votes228 views2 answers
React countdown timer
Javascript React
1 vote187 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
0 vote215 views1 answer
React native run real device
Javascript React
0 vote216 views1 answer
React i18n outside component
Javascript React
0 vote226 views1 answer
React call component state
Javascript React
1 vote215 views1 answer
React router dom 6 go back
Javascript React
0 vote205 views1 answer
React navigation history clear
Javascript React