/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 vote131 views2 answers
Use state reactjs
Javascript React
17 votes136 views3 answers
React canvas clear
Javascript React
0 vote131 views1 answer
How to update the react version in next js app
Javascript React
42 votes122 views3 answers
React onchange multiple functions
Javascript React
0 vote134 views1 answer
About react frame
Javascript React
0 vote130 views2 answers
Hello world react
Javascript React
1 vote146 views1 answer
React redux wait for props
Javascript React
0 vote130 views1 answer
React hooks simple projects
Javascript React
0 vote126 views1 answer
Get rid of header bar react native
Javascript React
0 vote117 views1 answer
Nextjs react native web typescript
Javascript React