テンプレートリテラルの条件がfalseをレンダリングしないようにする方法

bugfix> javascript > 投稿 2020-08-22 18:41

私は次のテンプレートリテラルを持っています

`<div class="date ${($.inArray(date, dates) == -1) && `outside`}">
     <div>${date.format('D')}</div>
 </div>`

式 ($.inArray(date, dates) == -1) がtrueと評価され、外部のクラスが表示され、それ以外は何も表示されませんが、falseと評価されると、 ${($.inArray(date, dates) == -1) && の結果としてfalseが出力されます外で。

falseの出力を回避するにはどうすればよいですか？

}

回答 2 件

三項条件演算子 condition ? valueWhenTrue : valueWhenFalse を使用できます：

`<div class="date ${($.inArray(date, dates) == -1) ? `outside` : ``}">
    <div>${date.format('D')}</div>
</div>`

三項演算子：

($.inArray(date, dates) == -1) ? 'outside' : ''

空の文字列へのフォールバック：

($.inArray(date, dates) == -1) && 'outside' || ''

bugfix