Reactjs React.JS-功能组件中的普通函数或箭头函数

Reactjs React.JS-功能组件中的普通函数或箭头函数,reactjs,arrow-functions,Reactjs,Arrow Functions,今天,在React中,使用带有React挂钩的功能组件比使用类组件更为常见。不过,我想知道在功能组件中创建react组件时,使用普通函数还是错误函数更好 例如,这: // normal function function MyComponent(props) { ... } 或者这个: // arror function const MyComponent = (props) => { ... } 以前有关于类组件的讨论,但我找不到任何关于功能组件的信息 因此,我想知道每种方法的优

今天,在React中,使用带有React挂钩的功能组件比使用类组件更为常见。不过,我想知道在功能组件中创建react组件时,使用普通函数还是错误函数更好

例如,这:

// normal function
function MyComponent(props) {
 ...
}
或者这个:

// arror function
const MyComponent = (props) => {
 ...
}
以前有关于类组件的讨论,但我找不到任何关于功能组件的信息

因此,我想知道每种方法的优缺点是什么。请注意,我不是在寻找个人偏好,而是寻找一种方法与另一种方法的实际差异和/或好处

有什么想法吗