Typescriptマップ関数ローカル変数構文

Question

マップ関数の範囲内で変数を宣言するための正しい構文は何ですか？私はエラーを取得している ";"期待はしていますが、それを置く場所や理由はまだ分かりません。

<ListGroup className="cSkills"> 
{ jobPosting.commonsSkills ? 
    jobPosting.commonsSkills.map((skill) => { 
     let aColor = "blue"; 
     if (skill.isAddedByUser) { 
      aColor = "green"; 
     } 
     <ListGroupItem style={{color: aColor}}> {skill.name} </ListGroupItem> // error here 
    ) 
    : null 
}} 
</ListGroup> 

Answer 1

コードをより合理的な方法でフォーマットすると、問題をより簡単に確認できます。

（1）あなたは、右ListGroupItem後に矢印機能をクローズする必要があります（あなたが}}を行うときには、現在だけでそれを閉じ）

（2）あなたはそれが見えるはずですreturnキーワード

を使用する必要がありますこのように：

<ListGroup className="cSkills"> 
{ jobPosting.commonsSkills ? 
    jobPosting.commonsSkills.map((skill) => { 
     let aColor = "blue"; 
     if (skill.isAddedByUser) { 
      aColor = "green"; 
     } 
     return <ListGroupItem style={{color: aColor}}> {skill.name} </ListGroupItem> 
    }) 
    : null 
} 
</ListGroup>