/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

3 votes240 views1 answer
React two way binding
Javascript React
1 vote293 views1 answer
React next alias import
Javascript React
1 vote314 views1 answer
Sort function in react js
Javascript React
-1 vote300 views2 answers
How to validate date in react
Javascript React
7 votes321 views3 answers
Conditional style react
Javascript React
7 votes313 views4 answers
Get parameter from url reactjs
Javascript React
0 vote299 views1 answer
React native gridient button
Javascript React
0 vote299 views1 answer
How to resolve cors in production react
Javascript React
1 vote275 views1 answer
Bootstrap icons react
Javascript React
21 votes292 views6 answers
Elevation react native
Javascript React