/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 vote248 views1 answer
Reactstrap form post
Javascript React
1 vote240 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
2 votes226 views1 answer
React html input required conditional
Javascript React
0 vote255 views1 answer
Preventive vs reactive
Javascript React
0 vote263 views1 answer
React password hashing
Javascript React
1 vote246 views2 answers
How to use gif in react native
Javascript React
-2 votes239 views1 answer
How to identify debug and release build in react native
Javascript React
3 votes296 views1 answer
Showing an image in react js
Javascript React
0 vote249 views1 answer
Hide and show on button click in react js functional component
Javascript React
2 votes245 views2 answers
Export aab bundle react native android
Javascript React