【问题标题】:React typescript FC vs ComponentReact typescript FC vs 组件
【发布时间】:2020-02-24 10:49:10
【问题描述】:

我正在使用对打字稿做出反应。 FCComponent 有什么区别?

最佳做法是什么?

每个用例?

Component 是否已被弃用,因为 react latest version with hooks 不使用类?

【问题讨论】:

  • 同意@boop_the_snoot。 FC 没有无法自己维护的状态,但是基于类的可以控制自己及其所有子组件。高级概念包括 React 钩子。但首先要了解 React 组件。

标签: javascript reactjs typescript react-tsx


【解决方案1】:

“旧”反应(= v.16.8)

(以下只是我的 MHO)

“旧”react 尚未弃用,react 团队也不打算在不久的将来删除类组件。但总的来说,react 开发人员强烈推荐使用 react hooks。它也是一种更实用的方法,根据您的经验,这对您来说可能是好是坏。 (顺便说一句,我更喜欢函数式编程)

状态

  • 旧:只有类组件可以维护状态
  • 新:功能组件也可以保持状态(useState钩子)。此外,在非常不同的组件之间共享有状态逻辑要容易得多

生命周期方法

  • 旧:只有类组件可以声明生命周期方法
  • 新:功能组件也可以对生命周期事件做出反应(useEffecthook)

上下文 API

  • 旧:恕我直言有点笨拙和混乱
  • 新:恕我直言,更清洁、更易于使用(useContext hook)

这只是主要区别,更多详情请参阅here

【讨论】:

    猜你喜欢
    • 2022-07-06
    • 2022-01-05
    • 2016-08-20
    • 2023-01-24
    • 2020-09-28
    • 1970-01-01
    • 1970-01-01
    • 2018-04-06
    • 1970-01-01
    相关资源
    最近更新 更多