/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 vote154 views1 answer
My react router Dom learnings
Javascript React
0 vote149 views1 answer
What difference between react func and class components
Javascript React
0 vote195 views2 answers
How to convert time to users timezone in react
Javascript React
0 vote167 views1 answer
Can i use hooks with expo in react native
Javascript React
19 votes158 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote149 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
1 vote177 views2 answers
Npm youtube-react
Javascript React
1 vote162 views1 answer
Axios upload progress react
Javascript React
1 vote159 views1 answer
New line in p tag react
Javascript React
0 vote223 views1 answer
Remove unused dependencies in React Ask Question
Javascript React