/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

24 votes322 views6 answers
Shadow react native
Javascript React
0 vote275 views1 answer
Eslint version check in react
Javascript React
1 vote320 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote292 views1 answer
React js set default route
Javascript React
3 votes317 views1 answer
React parameter value from query string
Javascript React
1 vote329 views1 answer
Can't type in react input text field
Javascript React
8 votes314 views2 answers
Install material icons for react
Javascript React
9 votes322 views3 answers
React import font awesome
Javascript React
1 vote336 views1 answer
Dynamic forms in react
Javascript React
0 vote302 views1 answer
Float right react native
Javascript React