添加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);