React / Material-UI, как условно отобразить div со стилями класса - PullRequest
Новая
       6

React / Material-UI, как условно отобразить div со стилями класса

0 голосов
/ 26 ноября 2018

Я делаю приложение с использованием карточек, используя React и Material-UI.Дизайн для флэш-карты представляет собой простую белую коробку, которая будет отображать лицевую сторону карты или обратную сторону с 3 кнопками, чтобы показать мастерство.Карта использует оператор условного рендеринга, чтобы определить, какую сторону показывать.Проблема, с которой я сталкиваюсь, заключается в том, что я пытаюсь добавить класс в div с помощью кнопок, чтобы применить мой стиль материала-пользовательского интерфейса.

Вот выражение render: 

displayFlashcard = (deck) => {
    if(!this.state.flip){
      return this.state.front;
    } else {
      return (<div><p>{this.state.back}</p><div className={classes.responseButtons}><IconButton><ThumbDownAlt /></IconButton><IconButton><Lock /></IconButton><IconButton><ThumbUpAlt /></IconButton></div></div>)
    }
  }

Полученная ошибка говорит о том, что классы не определены.У меня есть классы, определенные в моем рендере, 

render() {
    const {classes} = this.props
    return (

, и я использую его несколько раз в div в ответе.Как я могу добавить классы в div, которые я хочу отображать условно, когда они объявлены вне метода render?

...