React 打字稿 FC 与组件
React typescript FC vs Component
我正在使用 react with typescript。 FC
和 Component
有什么区别?
最佳做法是什么?
每个的用例?
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。
我正在使用 react with typescript。 FC
和 Component
有什么区别?
最佳做法是什么?
每个的用例?
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。