0

以下开发在 REACT 中。

我正在使用use-dark-mode NPM 包，我需要一些帮助来将它部署到类组件而不是函数中。

我尝试过的任何方法，我都会得到“只能在主体功能组件内部调用 Hook”，或者它不起作用。

他们给出的例子是使用反应函数，并说要这样部署它：

import React from 'react';
import Toggle from './Toggle';
import useDarkMode from 'use-dark-mode';

const DarkModeToggle = () => {
   const darkMode = useDarkMode(false);

return (
<div className="dark-mode-toggle">
  <button type="button" onClick={darkMode.disable}>
    ☀
  </button>
  <Toggle checked={darkMode.value} onChange={darkMode.toggle} />
  <button type="button" onClick={darkMode.enable}>
    ☾
  </button>
</div>
);
};

export default DarkModeToggle;

我试图按如下方式部署它

import useDarkMode from 'use-dark-mode';

class settingsPlugin extends Component {
constructor(props) {
   super(props);
   this.state = {
      classes: "dropdown",
      isNightMode: false,
      themeSpeed: 3
    };
}

nightMode = () => {
useDarkMode(
  false,
  {
    classNameDark: "night",
    classNameLight: "light",
    element: "main-body"
  }
 );
}

我刚刚开始学习反应，所以任何指导将不胜感激。

谢谢，香港

4

0 回答 0