/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 vote327 views1 answer
Open close children modal react
Javascript React
1 vote282 views1 answer
Functions inside class component react
Javascript React
0 vote372 views2 answers
Adding preview images to react apps for linkedin
Javascript React
0 vote410 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
5 votes347 views1 answer
How to create a component in react native
Javascript React
0 vote333 views3 answers
Github react hardhat nft marketplace application
Javascript React
0 vote359 views1 answer
React native kesatore
Javascript React
1 vote345 views1 answer
Conditional style react native
Javascript React
0 vote327 views2 answers
Date format in react js
Javascript React
0 vote353 views1 answer
How to cause a whole page reload react redux
Javascript React