/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 vote132 views1 answer
Alert, react native alert
Javascript React
2 votes126 views1 answer
Text decoration in react
Javascript React
0 vote174 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
1 vote133 views1 answer
Tailwind css react craco package.json
Javascript React
32 votes134 views5 answers
React disable eslint errors
Javascript React
0 vote141 views1 answer
React native scrollview in modal
Javascript React
0 vote131 views1 answer
RenderIndicator example react responsive carousel
Javascript React
0 vote136 views1 answer
React google places auto complete example
Javascript React
0 vote150 views1 answer
React conditional if localhost
Javascript React
0 vote161 views2 answers
How to make a search bar in react django
Javascript React