2017年2月20日月曜日

ReactでclassNameをサクッと動的に変化させる方法的なお話

  • このエントリーをはてなブックマークに追加

ローディング中とかでクラス名を変えたいときがあるわけだけれども。
そういう時に色々と面倒な感じの書き方は嫌だよね的な。

ということで今日はそれを一行で書きましょう的な。

<button className={`btn btn-primary btn-block ${this.props.loading && "loading"}`}>button</button>

これだけ。
React.addons.classSetを使うとかっていう方法とか、
npmのclassnamesを使うっていう方法もあるけど、
そこまで仰々しいことをしないよっていうことであればこれぐらいが一番いいんじゃないかと。

Adsense