【React】文字列と変数の複数のクラス名を指定したい時

文字列と変数の複数のクラス名を同時に指定したい

Reactで文字列と変数の複数のクラス名を同時に指定したい時がありましたので、備忘録として残しておきたいと思います！

やり方

やり方の例

やり方自体は簡単で、文字列と変数の複数のクラス名を文字列連結するだけです！

className={'classNameCharacter ' + (classes.classNameVariable)}

サンプルコード

やり方自体は簡単で、文字列と変数の複数のクラス名を文字列連結するだけです！

<div className={'section ' + (classes.menu)}>
</div>

参考サイト

[フロントエンド] React.jsのclassNameに、複数のクラスを簡単に指定する（Classnames利用） - YoheiM .NET

今日は、React.jsにおけるclassNameの便利な指定方法をブログに書きたいと思います。

www.yoheim.net

まとめ

今回は、Reactで文字列と変数の複数のクラス名を指定する方法を書きました！

やり方自体は、文字列と変数のクラス名を文字列連結するだけなので簡単ですが、React始めた頃はどうやるのか忘れがちなので覚えておきたいですね！