javascript—使用react编写组件的各种方法之间有什么区别

ktca8awb 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(387)

我在这里学习react，有时，当我查看组件创建代码时，我会看到4种不同的语法，我想了解这4种语法之间是否有任何差异，我真的想了解，即使没有一种语法比另一种更好，我至少想看到最常用的语法。这些是我经常看到的：

export const Home = () => {
}

export function Home() { 
}

function Home() {
}
export default Home;

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

1条答案

在react中声明组件只有两种方法（函数和类组件），react团队建议使用函数组件，因为这个问题。
您共享了4种类型的功能组件，它们实际上是一种类型（功能组件），但区别在于js本身的功能语法。js有两种定义函数的方法，如下所示：

function foo() {} //regular function.

const foo = () => {} // arrow ( fat ) function.

最后一个更可取，也是因为js本身存在压倒性的、令人困惑的问题。你可以搜索了解这个l。。但正如我所说的箭头功能是最可取的方式。
声明组件后，您将需要导出。。在js中有两种导出方式（默认和命名导出）。
大多数情况下，您将对功能组件使用默认导出。所以我推荐你们分享的第四个例子。