/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

6 votes351 views1 answer
React-native loading spinner
Javascript React
0 vote350 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
3 votes339 views1 answer
How to stop react app in terminal
Javascript React
0 vote355 views1 answer
Center child components in react
Javascript React
-1 vote338 views5 answers
Play audio in react
Javascript React
5 votes350 views3 answers
React default proptypes
Javascript React
0 vote388 views1 answer
React Redux component getById crud exemple
Javascript React
1 vote329 views1 answer
How to define state in react function
Javascript React
-1 vote352 views1 answer
Update text react native
Javascript React
0 vote338 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React