使用css-in-js方法将类添加到React组件,如何添加多个组件?
这是class变量:
const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, });
这是我的用法:
return ( <div className={ this.props.classes.container }>
上面的作品,但有没有办法添加两个类,而无需使用classNamesnpm包?就像是:
classNames
<div className={ this.props.classes.container + this.props.classes.spacious}>
您可以使用字符串插值:
<div className={`${this.props.classes.container} ${this.props.classes.spacious}`}>