私は次のテンプレートリテラルを持っています
`<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 件
三項演算子:
($.inArray(date, dates) == -1) ? 'outside' : ''
空の文字列へのフォールバック:
($.inArray(date, dates) == -1) && 'outside' || ''
関連した質問
- コンストラクター(props)内から状態が初期化された場合、getDerivedStateFromPropsメソッドはどのように状態にアクセスできますか?
- HTMLエンティティをエスケープし、URLを動的にレンダリングする
- タグ付きテンプレート(JavaScript)の引数/変数に追加されたExpサフィックス
- json文字列からマップを作成するとTypeErrorが発生します:JSONparse(…)は反復可能ではありません
- 状態Reactjsの属性を変更しています
- ES6矢印関数での「()」と「_」の使用の違い
- Reactの三項演算子に基づくデータの表示
- Arraymap()で以前の親の値にアクセスします
- 配列を複数のレベルに結合する
- ネストされたオブジェクトのキーを削除しますか?
三項条件演算子
condition ? valueWhenTrue : valueWhenFalse
を使用できます :