/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 vote412 views1 answer
Hot loading react native shortcut key
Javascript React
9 votes351 views1 answer
Redux add to array
Javascript React
0 vote394 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
1 vote392 views1 answer
React js router parameters
Javascript React
1 vote398 views1 answer
React native modal not full screen
Javascript React
0 vote406 views1 answer
'unsafe-inline' react
Javascript React
0 vote390 views1 answer
React hooks simple projects
Javascript React
0 vote347 views3 answers
Set bg image in react
Javascript React
0 vote425 views3 answers
Play sound onload react
Javascript React
8 votes435 views3 answers
Icon shwoing a box react native vector icons
Javascript React