More than 5 years have passed since last update.

JSXのclassNameのクラスを動的に追加する

Last updated at 2018-11-10Posted at 2018-01-09

公開中ならpublished, 非公開ならunpublishedをclassNameに追加するというイメージ。

実装

配列内で三項演算子を使って処理し、そのあとでjoin()を使って連結することで実装できた。

className={[
  'post',
  isPublished ? 'published' : 'unpublished'
].join(' ')}