React 打字稿 FC 与组件

React typescript FC vs Component

我正在使用 react with typescript。 FCComponent 有什么区别?

最佳做法是什么?

每个的用例?

Component 是否已弃用,因为带有钩子的 React 最新版本未使用 类?

"old" 反应 (< v16.8) vs "new" 反应 (>= v.16.8)

(以下是我的MHO)

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

  • 旧:只有class个组件可以保持状态
  • 新增:功能组件也可以保持状态(useState hook)。此外,跨非常不同的组件共享有状态逻辑要容易得多

生命周期方法

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

上下文API

  • 旧:恕我直言有点笨拙和混乱
  • 新:恕我直言,更加简洁易用(useContext 挂钩)

这只是主要区别有关更多详细信息,请参阅here