呼び出し関数の内部条件 - Reactjs

Question

レンダリング関数内の関数内の条件を呼び出すときには、条件がtrueの場合のみ。

次のコードの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の文IMOを書くことはときどきより明確で清潔です。

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

Answer 2

有効な構文ではないため、条件をリターンの外に置く必要があります。

Answer 3

それは私がすべて消滅しました申し訳ありませんが、この、renderメソッド（レンダリングの復帰方法インサイド

const { xarray } = this.props; 

の 外側戻し）

{xarray.map((heading, i) => { 
    const { headingis } = heading; 
    const condition = headingis.toLowerCase().indexOf('mobile') != -1; 
    return (
    condition && this.setCheckState() ? 
     <option value={headingis} key={i} selected>{headingis}</option> : 
     <option value={headingis} key={i}>{headingis}</option> : 
); 
}} 

ようになり、それはちょうど習慣であり、私はきれいなコードが好きです。とにかく、条件に基づいて選択したものだけを表示したい場合は、このようなこともできます。

{xarray.map((heading, i) => { 
    const { headingis } = heading; 
    const condition = headingis.toLowerCase().indexOf('mobile') != -1; 
    return (
    condition && <option 
        value={headingis} 
        key={i} 
        selected={() => this.setCheckState} 
       > 
        {headingis} 
       </option> 
); 
})}