reactjs - 在反应中反应钩子的推荐方式

Question

我对在反应中使用反应钩子的方式有疑问。

我注意到他们的文件中有一些使用

const Users = () => {
  ....
 }
export default Users;

而其他人则使用它

export default function Users(){
  ...
 }

推荐/最好的方法是什么？

标签： reactjsreact-nativereact-hooks

Answer 1

实际上，两者都是标准方式。您可以使用它们中的任何一个，并且不存在性能问题。但是使用如下代码有一些优点：

const Users = () => {}
export default Users;

• 这称为箭头函数，这是 ES6 的特性。

• 箭头语法自动绑定this到周围代码的上下文

• 当没有正文块时，该语法允许隐式返回，在某些情况下会导致代码更短更简单

• 最后但同样重要的是，=> 比函数更短更简单，尽管风格问题通常是主观的

因此，为了获得最佳实践和可用性，您应该选择Arrow Function

为了更好地理解，你可以检查这个