/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 vote420 views1 answer
React check if string is mail
Javascript React
1 vote409 views1 answer
Firebase app named default already exists react native
Javascript React
0 vote390 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote406 views1 answer
React Redux reducer combineReducers exemple
Javascript React
0 vote411 views1 answer
Jason rpc reactjs
Javascript React
0 vote365 views1 answer
React-with-firebase-auth
Javascript React
0 vote412 views3 answers
React native clear cach
Javascript React
0 vote382 views1 answer
Return multiple native element react native
Javascript React
6 votes408 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote387 views1 answer
React input number validation
Javascript React