/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 vote178 views3 answers
Scrollview refresh react native
Javascript React
-2 votes138 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote142 views1 answer
Preventdefault not working react
Javascript React
10 votes134 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote138 views1 answer
Setting up react on visual studio code
Javascript React
1 vote144 views1 answer
Npm react dropdown
Javascript React
3 votes142 views1 answer
How to preview a pdf document in react
Javascript React
3 votes142 views1 answer
Navigation react pass props
Javascript React
1 vote138 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
2 votes173 views1 answer
Iframe in react native
Javascript React