React Typescript FC与组件

时间:2019-10-29 08:00:29

标签: javascript reactjs typescript react-tsx

我正在使用与打字稿反应。 String.isEmptyFC有什么区别?

哪种是最佳做法?

每种情况都有用例?

{@ {1}}是否已被弃用,因为使用钩子对最新版本进行反应不使用类?

1 个答案:

答案 0 :(得分:1)

“旧”反应( = v.16.8)

(以下只是我的MHO)

“旧”反应尚未被弃用,反应团队也不打算在不久的将来删除类组件。但是通常,反应开发人员强烈建议使用反应挂钩。这也是一种功能更强大的方法,根据您的经验,这对您可能是好事,也可能是坏事。 (顺便说一句,我更喜欢函数式编程)

状态

  • old:只有类组件才能维护状态
  • 新功能:功能组件也可以维护状态(useState挂钩)。同样,在非常不同的组件之间共享状态逻辑也容易得多

生命周期方法

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

上下文API

  • old:恕我直言,有点笨拙和混乱
  • 新功能:恕我直言,更干净,更易用(useContext钩子)

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