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

CSS React.js

路易神奇猪猪

2020-03-19

使用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}>

第2322篇《如何使用类别道具在Material UI中添加多个类别》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

神无LEYMandy 2020.03.19

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

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

王者一打九达蒙 2020.03.19

您可以使用字符串插值：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android