React Hooks 常量组件与功能组件

dan*_*gas 3 reactjs react-native react-hooks

我有一个问题,我在谷歌搜索后无法弄清楚,我认为最好在这里问。我了解功能组件和类组件之间的区别,但是 const 组件与功能组件之间的区别是什么?

例如

const Home = () => {
    return (
        <div>Home</div>
    )
}
Run Code Online (Sandbox Code Playgroud)

function Home() {
     return (
        <div>Home</div>
    )
}
Run Code Online (Sandbox Code Playgroud)

它们都可以使用钩子,那么主要区别是什么?

Chr*_*ras 6

没有有效的区别。首先是使用箭头函数表达式 语法创建一个函数并将其存储到一个常量中,第二个是创建一个普通函数。

两者都是执行完全相同任务的函数,返回组件 JSX 代码以进行渲染。

此外,没有这样的术语或概念"Const Component";有“功能组件”“类组件”

  • 这两个实现之间有一个主要区别,那就是“this”、“arguments”和“super”范围和实现,而不仅仅是语法糖。我建议您阅读我的答案中包含的 mozilla wiki 页面,并阅读此 Q/A [“箭头函数”和“函数”是否等效/可交换?](/sf/answers/2405296631/ )。**但是**在定义组件的情况下实际上**没有有效的区别**。 (2认同)