react.js中的（someVar）=>和（someVar）=> {...}之间有什么区别

Question

React.js中这两个函数有什么区别？

{muscles.map(group => { <Tab label={group} /> })}

和

{muscles.map(group => <Tab label={group} /> )}

第二行正常工作，但第一行不呈现值。

Answer 1

第一行是“多行”箭头功能。 =>右侧的代码是一个块。这样，如果您想返回一个值，则必须显式地返回它：

{muscles.map(group => {
   return <Tab label={group} />;
})}

当=>右侧的表达式是函数的返回值时，第二种是缩写语法。