Question

我正在使用React和Material-UI制作抽认卡应用程序。闪存卡的设计是一个简单的白色框，它将使用3个按钮来表示存储卡的正面或背面，以表示熟练程度。该卡使用条件渲染语句来确定显示哪一侧。我遇到的问题是，当我尝试通过按钮向div中添加类以应用我的material-ui样式时。

以下是渲染语句：

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中多次使用它。在render方法之外声明类时，如何向要有条件地渲染的div添加类？

React / Material-UI如何使用类样式有条件地渲染div

0 个答案: