/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 vote131 views2 answers
React import image with url
Javascript React
0 vote128 views2 answers
On ddrop function react dropzone parameters
Javascript React
28 votes152 views1 answer
Semantic ui dropdown value react
Javascript React
6 votes129 views1 answer
React-native loading spinner
Javascript React
9 votes129 views1 answer
Create react app in current folder
Javascript React
4 votes119 views1 answer
Import all images from folder reactjs
Javascript React
0 vote114 views1 answer
React router dom return undefined
Javascript React
0 vote129 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote145 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote140 views1 answer
Font awesome react share faShare
Javascript React