添加i ++ react js es6 jsx時出現錯誤

Question

將額外的行添加到代碼（ i++ ）時出現錯誤，我想知道應該在哪里添加代碼。

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

    ))
))

謝謝

Answer 1

因為您在這里使用兩個表達式：

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

將它們包裝在() ，如下所示：

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

首先，它將增加i的值，然后返回Task組件。

檢查MDN文檔以獲取有關三元運算符的更多詳細信息。

檢查以下代碼段：

 var a = 1; var b = true? (a++, a): 0; console.log('b', b);