javascript - 在条件内调用函数 - Reactjs

Question

我试图在渲染函数中调用条件内部的函数，仅当条件为真时。

位于以下代码的第 3 行。

{this.props.xarray.map((heading, index) => 
        {return heading.headingis.toLowerCase().indexOf('mobile') != -1 ?
            {this.setcheckstate()} //THIS IS FUNCTION
            <option value="{heading.headingis}" key={index} selected>{heading.headingis}</option>
            :
            <option value="{heading.headingis}" key={index}>{heading.headingis}</option>
         }
    )}

但这返回错误:

Syntax error: this is a reserved word (51:10)

如果条件为真，我想更改状态。

Answer 1

你为什么不放弃 ternarny 呢？在我看来，有时编写简单的 if 语句会更清晰。

{
  this.props.xarray.map((heading, index) => {
    if (heading.headingis.toLowerCase().indexOf('mobile') != -1) {
      this.setcheckstate();
      return <option value="{heading.headingis}" key={index} selected>{heading.headingis}</option>
    }

    return <option value="{heading.headingis}" key={index}>{heading.headingis}</option>
  })
}