Reactコンポーネントで動作するようにjavascriptを取得する方法

Question

私のコンポーネントクラスの1つであるrender()で最も内側のJavaScriptをコンパイルすることはできないようです。私の構文が間違っているか、render()にJavascriptを入れてもらえませんか？

私のエラーがSearchBarAndResults.jsxです：予期しないトークン（57:12）

render() { 
    let recievedContracts = this.props.passedContracts.recievedContracts; 
    if (!recievedContracts) { 
     return (
     <div> 
      <h3>'Still waiting for JSON Response'</h3> 
     </div> 
    ); 
    } else {  
     const allMemberContractsInfo = this.props.passedContracts.allMemberContractsInfo; 
     return (
     <div> 
      <h3>'allMemberContractsInfo Have Arrived on the Client Side!'</h3> 

      <Button> 
      <a href='http://www.adnxs.net/' target="_blank">New Bidder</a> 
      </Button> 

      { 
      if (2 === (3 -1)) { // <============= line 57 
       return (<h1>1 does equal 1</h1>); 
      } else { 
       return (<h1>1 does not equal 1</h1>); 
      } 
      } 
      // other code... 

Answer 1

あなたは（ifのような）文は、JSX内の式をだけでなく埋め込むことができます。

あなたはこれらのいずれかを行うことができます

{ 
    2 === (3 - 1) ? 
    <h1>1 does equal 1</h1> : 
    <h1>1 does not equal 1</h1> 
} 

{function() { 
    if (2 === (3 - 1)) { 
    return (<h1>1 does equal 1</h1>); 
    } else { 
    return (<h1>1 does not equal 1</h1>); 
    } 
}()} 

Answer 2

あなたはJSXでそれを使用するための式として文をリライトする必要があります。

{ 
    2 === (3 -1) 
    ? <h1>1 does equal 1</h1> 
    : <h1>1 does not equal 1</h1>; 
}