[解決済み] クラスプロップを使ってMaterial UIに複数のクラスを追加するには？

質問

を使用して css-in-js メソッドを使用してリアクトコンポーネントにクラスを追加する場合、複数のコンポーネントを追加するにはどうすればよいですか？

ここにclass変数があります。

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

こんな感じで使ってみました。

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

上記は動作しますが、両方のクラスを追加する方法はありますか？ classNames npm パッケージを使用せずに両方のクラスを追加する方法はありますか？何かのように。

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

どのように解決するのですか？

文字列補間を使用することができます。

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