时间戳

首页 > 解决方案 > 如何将暗模式设置为默认值。在这里，我尝试使用 useState 设置模式

reactjs - 如何将暗模式设置为默认值。在这里，我尝试使用 useState 设置模式

问题描述

我正在做一个 react.js 项目。我想将暗模式设置为默认值。所以每当有人打开我的页面时，黑暗模式应该首先出现。但是我无法在 useState 中为默认的暗模式设置初始值。

    const [mode, setMode] = useState('Dark'); // Wether dark mode is enable or not

   // Toggle mode will effect after clicking the Dark mode or Li9ght mode
  const toggleMode = () => {
    if (mode === 'dark') {
      setMode('light');
      document.body.style.backgroundColor = '#ffffff';
      document.title = 'News Monk - Light Mode';
    
    }
    else {
      setMode('dark');
      document.body.style.backgroundColor = '#283037';
      document.title = 'News Monk - Dark Mode';
    }
  }

标签： reactjs

解决方案

您应该与案例保持一致，也许总是使用“黑暗”而不是“黑暗”
const [mode, setMode] = useState('dark');

推荐阅读