フィルタとマップでテンプレートリテラル文字列を使用したJsx連結

Question

以下のコードを修正するにはどうすればよいですか？

<p> 
{ads.filter(obj => obj._id === this.state.selectedAd_Id) 
.map(obj =>obj.expiry_date 
&& 
`You have to complete this task in${fromNow(moment(obj.expiry_date))}`)} 
</p> 

これは

<p> 
{ads.filter(obj => obj._id === this.state.selectedAd_Id) 
.map(obj => obj.expiry_date 
&& fromNow(moment(obj.expiry_date)))} 
</p> 

を働いている。しかしobj.expiry_dateがnullないときにどのように私はYou have to complete this task inをCONCATことができますか？

Answer 1

を使用することができます仕事

を行います。

ads.filter(obj => obj._id === this.state.selectedAd_Id) 
    .map(obj => obj.expiry_date ? `You have to complete this task in ${fromNow(moment(obj.expiry_date))}` : false) 

Answer 2

obj.expiry_date || ''は、おそらくまた、あなたは三元を返し、ES6でテンプレート文字列リテラルの補間を使用することができますconditional (ternary) operatorobj.expiry_date ? obj.expiry_date : ''