/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

4 votes316 views1 answer
Reactjs onclick open new page
Javascript React
0 vote316 views2 answers
How to make a bot react to own message js
Javascript React
7 votes277 views2 answers
Hover react
Javascript React
6 votes302 views1 answer
React-native italics
Javascript React
0 vote285 views1 answer
React js set default route
Javascript React
0 vote311 views1 answer
This.props undefined react native
Javascript React
5 votes302 views3 answers
How to open a new tab in react
Javascript React
2 votes300 views2 answers
Vscode extensions for better react js
Javascript React
11 votes361 views4 answers
React native text underline
Javascript React
11 votes328 views4 answers
How to check for react version
Javascript React