/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 vote208 views1 answer
React native navigate two screens back
Javascript React
0 vote197 views1 answer
How to style navigation drawer react navigation v5
Javascript React
1 vote221 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
2 votes256 views2 answers
Export aab bundle react native android
Javascript React
0 vote244 views1 answer
React Redux reducer crud
Javascript React
0 vote244 views1 answer
React native onChangeText resize the background image
Javascript React
1 vote209 views2 answers
Line break in react
Javascript React
0 vote203 views1 answer
React keydown event listener
Javascript React
0 vote205 views1 answer
Reactjs alert
Javascript React
0 vote230 views1 answer
React get dynamic window sizes
Javascript React