React use-dark-mode развертывание в компоненте - PullRequest
Новая
       57

React use-dark-mode развертывание в компоненте

0 голосов
/ 10 июля 2020

Следующая разработка находится в REACT.

Я использую пакет use-dark-mode NPM, и мне нужна помощь с его развертыванием в компоненте класса, а не функция.

Любой метод, который я пробовал, я бы получил «Ловушка может быть вызвана только внутри компонента функции тела» или просто не работает.

В приведенных ими примерах используются функции реагирования и предлагается развернуть его как таковое: 

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"
  }
 );
}

Я только начинаю научитесь реагировать, так что любое руководство будет очень признательно.

Спасибо, Гонконг

...