【问题标题】:React Hooks Const Component vs Functional ComponentReact Hooks 常量组件与功能组件
【发布时间】:2020-08-01 05:20:54
【问题描述】:

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

例如

const Home = () => {
    return (
        <div>Home</div>
    )
}

function Home() {
     return (
        <div>Home</div>
    )
}

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

【问题讨论】:

    标签: reactjs react-native react-hooks


    【解决方案1】:

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

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

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

    【讨论】:

    • 我假设我没有定义它的词,但我的意图是声明一个返回 JSX 的函数,感谢您的更正。但是有什么具体的原因让我想将箭头函数分配给一个常量或者这并不重要?
    • 这两个实现之间有一个主要区别,那就是thisargumentssuper 范围和实现,它不仅仅是语法糖。我建议您阅读我在回答中包含的 mozilla wiki 页面,并阅读此 Q/A Are 'Arrow Functions' and 'Functions' equivalent / exchangeable?BUT 在定义组件的情况下,实际上没有有效的区别
    • 是的,我知道,我的问题是指钩子,因为没有使用“this”和“super”。我不明白钩子的区别(与组件不同,与处理事件不同,我使用常量作为参考)因为它们都可以使用钩子,但我想这并不重要......谢谢你的时间:)
    猜你喜欢
    • 1970-01-01
    • 2019-11-03
    • 1970-01-01
    • 2019-12-15
    • 2019-07-09
    • 2023-03-15
    • 2020-06-18
    • 2021-10-02
    • 1970-01-01
    相关资源
    最近更新 更多