打字稿映射函数局部变量语法

【问题标题】：Typescript map function local variable syntax打字稿映射函数局部变量语法
【发布时间】：2017-07-12 13:28:18
【问题描述】：

我想知道在 map 函数范围内声明变量的正确语法是什么？我收到错误“;”预期但仍不确定将其放在哪里或为什么？

<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>

【问题讨论】：

标签： javascript twitter-bootstrap reactjs typescript

【解决方案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>

【讨论】：