Obtenir une erreur lors de l'ajout de i ++ réagir js es6 jsx

Question

Je reçois une erreur lors de l'ajout de la ligne au code (i++), je voudrais savoir où le code doit être ajouté.

let i = 1; 
this.props.client_name.split(",").map((entry0) => (
    this.props.campaign_name.split(",").map((entry1) => (
     this.props.adset_name.split(",").map((entry2) => (
      (item.client_name.toLowerCase().indexOf(entry0.toLowerCase()) !== -1 && item.campaign_name.toLowerCase().indexOf(entry1.toLowerCase()) !== -1 && item.adsets_name.toLowerCase().indexOf(entry2.toLowerCase()) !== -1 )? 
       **i++** 
       (<Task key={item._id} id={item.adsets_id} i={key} item={item} date_from={this.state.date_from} date_to={this.state.date_to} campaign_name={this.state.campaign_name} adset_name={this.state.adset_name} />) 
      : 
       (null) 
     )) 

    )) 
)) 

Merci

Answer 1

Parce que vous utilisez deux expression ici:

condition? i++ (<Task ..../>) : null; 

les envelopper dans (), écrire comme ceci:

condition? (i++, <Task ..../>) : null; 

D'abord, il incrémente la valeur de moi, puis retournez le composant Tâche.

Vérifiez MDN Doc pour plus de détails sur l'opérateur ternaire.

Vérifiez cet extrait:

var a = 1; 
 
var b = true? (a++, a): 0; 
 

 
console.log('b', b);