/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

1 vote207 views1 answer
React native app crashes without error
Javascript React
1 vote247 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote209 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote163 views1 answer
Import pdfmake in react
Javascript React
0 vote259 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote194 views1 answer
A react component can only return]
Javascript React
0 vote227 views1 answer
Jsx tag with children react js
Javascript React
0 vote228 views1 answer
Image background full width react
Javascript React
1 vote221 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote228 views1 answer
Custom login with facebook button react native
Javascript React