/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 vote202 views1 answer
Open close children modal react
Javascript React
0 vote180 views1 answer
React native fade in fade out animation
Javascript React
11 votes187 views4 answers
Eslint disable react
Javascript React
0 vote225 views1 answer
Reactive forms change event in angular
Javascript React
1 vote193 views2 answers
This setstate previous state react
Javascript React
0 vote195 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
1 vote209 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote212 views1 answer
Rich text react renderer
Javascript React
0 vote192 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote191 views1 answer
React native run real device
Javascript React