无状态组件作为函数或const

Question

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

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

vs。

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

很好的解释如何正确选择

Answer 1

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

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