/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

-1 vote134 views1 answer
Install proptypes react
Javascript React
0 vote134 views1 answer
React native stylesheet shortcut
Javascript React
0 vote156 views1 answer
React Liked Component
Javascript React
0 vote154 views1 answer
React-native-image-viewing
Javascript React
1 vote186 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
1 vote128 views1 answer
Horizontal scroll onclick react
Javascript React
0 vote152 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote132 views2 answers
React materialize cdn
Javascript React
1 vote150 views1 answer
Iconify react
Javascript React
0 vote143 views1 answer
React router cannot read location of undefined
Javascript React