javascript - React 功能组件 vs 经典组件

标签 javascript class reactjs components

我试图了解何时使用 React 功能组件与类,并阅读 docs他们并没有真正深入细节。你能给我一些下面的主要例子吗?当你想要一个类的特定功能来制作一个组件时?

A functional component is less powerful but is simpler, and acts like a class component with just a single render() method. Unless you need features available only in a class, we encourage you to use functional components instead.

最佳答案

2022 年更新

您只需要一个 class 组件,当您:


2016 年原始答案

您只需要一个 class 组件,当您:

  • 需要组件状态
  • 需要生命周期方法。比如componentDidMount

关于javascript - React 功能组件 vs 经典组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38926574/

相关文章:

javascript - 带有 if 语句的 For 循环不遍历整个数组

javascript - npm 错误!过早关闭

javascript - IE11 兼容 Object.fromEntries

jquery - 如何使用带有类名的jquery删除背景图像

C++ 非虚类成员变量内存布局?

reactjs - 如何在 Jest 单元测试中设置 Prop

javascript - 将 Canvas 宽度和高度缩放到尽可能大但保持纵横比(JS)

java - 使用 java reflect 找出两个类是否属于同一类型(类、接口(interface)、枚举等)

javascript - 数组中按字段列出的项目长度

javascript - BabelPluginRelay : Expected plugin context to include "types", 但得到 :[object Object] when upgrading from 1. 1.0 到 1.4.1。为什么?