Jsx concaténation en utilisant la chaîne littérale du modèle dans le filtre et la carte

Question

Que dois-je faire pour corriger le code ci-dessous?

<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> 

Cela fonctionne

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

Mais comment puis-je concat You have to complete this task in quand obj.expiry_date n'est pas null?

Answer 1

Vous pouvez retourner un ternaires et utiliser l'interpolation de chaîne littérale de modèle avec ES6.

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 || '' sera probablement faire le travail

Vous pouvez également utiliser un conditional (ternary) operatorobj.expiry_date ? obj.expiry_date : ''