react中的return 后面为什么要加括号呢？

JavaScript 会自动给行末添加分号。如果 return 后面换行不加括号就会变成 return;。

就是说因为jsx语句跨行了，如果写在一行是可以省略小括号的。

const About = () => (
  <div>
    <h2>About</h2>
  </div>
)
//等同于
const About = () => {
    return (
      <div>
        <h2>About</h2>
      </div>
    )
}

另外，对于箭头函数右边的大括号（）=》{}

箭头函数后面不加大括号，默认只能有一行代码，默认return;
箭头函数后面加大括号，默认没有return;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容