Как я могу использовать кнопку, чтобы изменить тему для material UI на моем сайте? это то, где я нахожусь до сих пор

#reactjs #material-ui #themes

#reactjs #material-ui #темы

Вопрос:

Я собираюсь поделиться своим текущим кодом в code sandbox:https://codesandbox.io/s/gifted-mcnulty-6ejcx

Я попытался создать логическое значение, а затем с помощью кнопки изменить состояние этого логического значения, которое, в свою очередь, должно изменить тему веб-сайта. Я хотел бы получить некоторую помощь в том, чтобы заставить это работать, и если у вас есть какие-либо идеи о том, следует ли мне иметь несколько кнопок для тем, которые я хочу отобразить, или только 1 кнопку, которая может переключаться между более чем 2 темами.

Любой совет очень ценится 🙂

Ответ №1:

Из вашего кода на codesandbox. Вместо

 this.setState = { themeIs: false };
  

Поскольку setState это метод, вы должны написать его следующим образом

 this.setState((state) => ({ themeIs: !state.themeIs }));
  

Живая демонстрация

Редактировать материал-Тема смены пользовательского интерфейса