/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 vote223 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote245 views1 answer
React native npm run start port
Javascript React
1 vote196 views1 answer
Component vs container react
Javascript React
0 vote202 views1 answer
Image preload React
Javascript React
0 vote194 views1 answer
Enzynme not support react 17
Javascript React
14 votes151 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote258 views1 answer
React-chartjs-2
Javascript React
18 votes197 views2 answers
How to import background image in inline css in react
Javascript React
9 votes160 views4 answers
Firebase' is not defined no-undef react
Javascript React
262 votes726 views6 answers
Create a react native project
Javascript React