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

React

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

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

やり方

やり方の例

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

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

サンプルコード

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

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

参考サイト

まとめ

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

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

オススメの関連商品

Note一覧

コメント