React 组件的三种形式

[note: 本文基于 React v15.3.0+ 进行讨论]

一般来说,编写 React 组件的方式有以下三种:

  1. 无状态组件(stateless component)。它是函数式的,不继承于任何类;
  2. 继承于 PureComponent 的组件;
  3. 继承于 Component 的组件,这也是最常使用的组件形式。

那么,这三种形式的使用场景及优劣各是什么呢?

无状态组件

无状态组件是通过函数定义的,比如下面这个最简单的

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...