JavaScript 会自动给行末添加分号。如果 return 后面换行不加括号就会变成 return;。
就是说因为jsx语句跨行了，如果写在一行是可以省略小括号的。
const About = () => ( <div> <h2>About</h2> </div> ) //等同于 const About = () => { return ( <div> <h2>About</h2> </div> ) }
另外，对于箭头函数右边的大括号（）=》{ }
箭头函数后面不加大括号，默认只能有一行代码，默认return;
箭头函数后面加大括号，默认没有return;
原文：https://www.cnblogs.com/rong88/p/12155423.html