无状态组件作为函数或const

Question

我知道使组件成为无状态的好处。 我不知道的是-使组件作为const或函数有什么区别。 我有点困惑，因为我已经看到了几个使用这两个示例的示例。

function MyComponent(props) {
  return(
    <div>Hello world</div>
  )
}

与

const MyComponent = (props) => {
  return(
    <div>Hello world</div>
  )
}

一个解释很好的选择会很棒

Answer 1

在这种情况下，无状态组件定义没有区别，您可以以任何一种方式进行操作，没有对与错...但是，我认为使用箭头功能定义组件变得越来越标准，它看起来也可能更加优雅。

const MyComponent = (props) => {
  return(
   <div>Hello world</div>
  )
}