/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 vote138 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote151 views1 answer
How to get parent's ref react
Javascript React
0 vote155 views1 answer
React make setstate synchronous
Javascript React
1 vote193 views2 answers
Generate apk debug react native
Javascript React
0 vote147 views2 answers
React js big calendar
Javascript React
7 votes126 views2 answers
Insert a line break into a text component in react-native
Javascript React
1 vote135 views1 answer
React native new project mac
Javascript React
0 vote134 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
2 votes134 views2 answers
Text number of lines react native
Javascript React
0 vote159 views1 answer
React sticky hook
Javascript React