/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 vote267 views1 answer
How to use rgba in react native
Javascript React
151 votes354 views6 answers
Install react js
Javascript React
-1 vote247 views3 answers
Divider in react native
Javascript React
0 vote259 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote274 views1 answer
React recursive component
Javascript React
0 vote259 views1 answer
Npx code for src folder in react js
Javascript React
0 vote918 views1 answer
Hide react from netlify
Javascript React
0 vote245 views1 answer
React native icon onpress remove highlight onpress
Javascript React
1 vote256 views1 answer
React native image disable fade in onload
Javascript React
0 vote251 views1 answer
React native init specific version
Javascript React