☰

クラスプロパティを使用してMaterial UIに複数のクラスを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon css reactjs material-design material-ui jss
クラスプロパティを使用してMaterial UIに複数のクラスを追加するにはどうすればいいですか? 質問する

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

クラス変数は次のとおりです。

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

使い方は次のとおりです:

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

上記は機能しますが、npm パッケージを使用せずに両方のクラスを追加する方法はありますかclassNames? 次のようなものです:

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

ベストアンサー1

文字列補間を使用できます:

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

おすすめ記事