react中的return 后面为什么要加括号呢?
JavaScript 会自动给行末添加分号。如果 return 后面换行不加括号就会变成 return;。
就是说因为jsx语句跨行了,如果写在一行是可以省略小括号的。
const About = () => (
<div>
<h2>About</h2>
</div>
)
//等同于
const About = () => {
return (
<div>
<h2>About</h2>
</div>
)
}
另外,对于箭头函数右边的大括号()=》{}
箭头函数后面不加大括号,默认只能有一行代码,默认return;
箭头函数后面加大括号,默认没有return;