当添加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的值，然后返回任务组件。

检查MDN文档以获取有关三元运营商的更多详细信息。

检查此片段：

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