/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

142 votes411 views6 answers
Create-react-app
Javascript React
0 vote289 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
4 votes306 views3 answers
Width 100% react-native
Javascript React
112 votes324 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote346 views1 answer
Icon with label in react native
Javascript React
2 votes296 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
1 vote298 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote299 views1 answer
Concept of node js with react js
Javascript React
0 vote316 views1 answer
React password hashing
Javascript React
1 vote292 views1 answer
How to redirect in ionic react
Javascript React