/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 vote176 views1 answer
React pass parameters to other page
Javascript React
0 vote201 views1 answer
React antd form disable submit button
Javascript React
0 vote191 views1 answer
React check if localhost
Javascript React
0 vote192 views1 answer
Installe datatable to reactjs project
Javascript React
3 votes197 views1 answer
React.children.only expected to receive a single react element child
Javascript React
0 vote176 views1 answer
Setstate before function react
Javascript React
0 vote170 views2 answers
Undo npm run eject react
Javascript React
0 vote180 views1 answer
Dynamic useState in react
Javascript React
0 vote198 views7 answers
Convert css box shadow to react native
Javascript React
0 vote198 views1 answer
React-native-image-viewing
Javascript React