/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 vote272 views1 answer
React input number validation
Javascript React
2 votes260 views2 answers
Fullcalendar react add event duration
Javascript React
3 votes255 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
3 votes285 views2 answers
Error duplicate resources react native
Javascript React
4 votes261 views1 answer
Import react icons module
Javascript React
0 vote276 views2 answers
Remove state from location on page load in react router dom
Javascript React
22 votes257 views4 answers
Npm react copy to clipboard
Javascript React
5 votes252 views2 answers
React js onclick call two functions
Javascript React
1 vote266 views1 answer
How to update version of dependencies reactjs
Javascript React
91 votes319 views7 answers
React-router-dom
Javascript React