为什么使用()代替大括号/括号{}内Javascript地图函数?

Question

内部映射函数为什么用()=>()而不是()=>{}

{mylist.map((elem, index) => (
<div key={elem.id}>
<h2>{elem.title}</h2>
</div>
))}

Answer 1

如果你把所有的东西都放在一行中，你可以把()省略:

{mylist.map((elem, index) => <div key={elem.id}><h2>{elem.title}</h2></div>)}

如果你想返回一些东西，但它需要几行，那么你必须使用():

{mylist.map((elem, index) => (
<div key={elem.id}>
<h2>{elem.title}</h2>
</div>
))}

最后，当您想要执行某些操作并返回结果时，您需要使用{}。您仍然需要关心何时返回一些内容—如果它需要几行，则必须使用():

将其括起来:

{mylist.map((elem, index) => {
const id = elem.id;
const title = elem.title;
return (
<div key={id}>
<h2>{title}</h2>
</div>
);
})}

对于返回对象，它也有点不同:您可以将对象包装在括号中:({...})或显式返回它:() => { return { ... }}