/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 vote356 views1 answer
How to use elements of 'react-router-dom'
Javascript React
1 vote359 views1 answer
Column width table react
Javascript React
1 vote384 views1 answer
Double matrix iteration in react
Javascript React
0 vote345 views1 answer
React router native back button
Javascript React
1 vote383 views2 answers
Toastandroid react native
Javascript React
1 vote411 views3 answers
React native port
Javascript React
2 votes374 views2 answers
How to change react icon color
Javascript React
131 votes588 views6 answers
Creating react app
Javascript React
0 vote344 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
0 vote351 views2 answers
Animation react
Javascript React