/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 vote172 views1 answer
How to validate password and confirm password on react form hook
Javascript React
2 votes196 views1 answer
React native apk bundle
Javascript React
0 vote195 views1 answer
Disable enter on input field react
Javascript React
0 vote221 views1 answer
React nativ export default
Javascript React
1 vote198 views3 answers
Bash: react-scripts: command not found
Javascript React
1 vote170 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote187 views1 answer
Force users to update your application in React Native
Javascript React
0 vote254 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
2 votes191 views1 answer
React strict mode
Javascript React
0 vote189 views1 answer
Ng2 validations angular using reactiveforms
Javascript React