/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 vote209 views1 answer
React js router parameters
Javascript React
0 vote193 views1 answer
Refresh page by hand in react
Javascript React
0 vote146 views1 answer
Left side menu react js
Javascript React
0 vote186 views1 answer
React native get uri of the image in the app assets folder
Javascript React
25 votes228 views6 answers
React native shadow android
Javascript React
5 votes192 views1 answer
React style ternary operator
Javascript React
0 vote209 views1 answer
Line separator with text in the center react native
Javascript React
0 vote212 views1 answer
Space between react native
Javascript React
0 vote237 views1 answer
React native counter
Javascript React
3 votes173 views2 answers
React router active link css
Javascript React