javascript - react 。使用粗箭头函数声明组件(ES6语法规范)

Question

学习 React 我遇到了两种声明方式。

使用经典 fat arrow语法为 return声明。

const Component = () => {
  return (
      <div>Hello</div>
  )
}

最近我发现了简化版本。

const Component = () => (
  <div>Hello</div>
)

我无法找到为什么第二种方法有效的解释，所以也许你可以分享一些关于这个主题的经验，甚至留下一个涵盖更多内容的文章链接？

Answer 1

带有单个表达式的箭头函数，返回其主体时未用大括号括起来

(param1, param2, …, paramN) => expression
// equivalent to: (param1, param2, …, paramN) => { return expression; }

来源:mdn