如何使用类别道具在Material UI中添加多个类别

使用css-in-js方法将类添加到React组件,如何添加多个组件?

这是class变量:

const styles = theme => ({
 container: {
  display: 'flex',
  flexWrap: 'wrap'
},
 spacious: {
  padding: 10
},
});

这是我的用法:

    return (
     <div className={ this.props.classes.container }>

上面的作品,但有没有办法添加两个类,而无需使用classNamesnpm包?就像是:

     <div className={ this.props.classes.container + this.props.classes.spacious}>
神无LEYMandy2020/03/19 11:45:39

如前所述,您可以使用字符串插值

className={`${this.props.classes.container}  ${this.props.classes.spacious}`}

您可以尝试使用classnameshttps://www.npmjs.com/package/classnames

王者一打九达蒙2020/03/19 11:45:39

您可以使用字符串插值:

<div className={`${this.props.classes.container} ${this.props.classes.spacious}`}>