状态是否是PureComponent与无状态函数组件的唯一区别？无state实例等效性疑问

嘿，这个问题问到点子上了，很多人会误以为“无状态”就是两者的唯一区别，但实际上差异比这多得多，我来一步步给你拆解：

1. 状态是不是两者的唯一区别？ #

当然不是！这俩本质上就不是同一类组件：

• PureComponent是类组件的子类，它继承自Component，核心特性是自带了一个浅比较的shouldComponentUpdate方法——当props和state没有发生浅层次变化时，它会跳过重新渲染。
• 无状态函数组件（现在更多叫纯函数组件，特指未使用hooks的无状态函数）是函数形式的组件，本质就是一个接收props返回JSX的普通函数，早期版本里没有内置的渲染优化，也没有类组件的实例、生命周期这些特性。

所以状态只是其中一个差异点，类组件与函数组件的本质区别才是核心。

2. 仅含render()、无state的PureComponent，和无状态函数组件完全等效吗？ #

答案是不完全等效，不管是行为还是性能上都有差异：

行为差异 #

• 组件实例存在与否：
  PureComponent作为类组件，会创建组件实例，你可以通过ref获取到这个实例对象；而无状态函数组件没有实例，早期甚至无法直接使用ref（后来React 16.3+可以通过forwardRef配合使用，但本质上拿不到组件本身的实例）。
• 生命周期支持：
  哪怕你没写任何生命周期方法，PureComponent依然拥有完整的类组件生命周期（比如componentDidMount、componentWillUnmount），如果需要在挂载/卸载时执行逻辑，直接添加方法即可；而无状态函数组件在没有hooks的情况下，没有原生的生命周期支持，只能依赖父组件或高阶组件来实现类似逻辑。
• 上下文（Context）的获取方式：
  早期的无状态函数组件只能通过props接收上下文传递的值；而PureComponent可以通过static contextType或者this.context直接获取上下文，不需要额外通过props传递。（不过现在函数组件可以用useContext，但这是hooks带来的特性，原生无状态函数组件本身不支持）

性能差异 #

• 默认渲染优化：
  PureComponent自带浅比较的shouldComponentUpdate，只要props和state的浅层次值不变，就会跳过重渲染；而无状态函数组件默认没有这个优化——只要父组件重新渲染，它就会跟着重新渲染，除非你用React.memo包裹它，手动开启浅比较优化。
• 组件初始化开销：
  类组件需要创建实例对象，会有一定的初始化开销；而函数组件更轻量，只是执行一个函数，没有实例创建的额外成本。不过如果PureComponent没有状态、没有复杂逻辑，这个开销差异会非常小，大部分场景下可以忽略。
• React版本优化适配：
  后续React版本（比如18+）对函数组件的优化更多，比如自动批处理更新、并发模式下的优先级调度等，类组件的适配性相对弱一些。

总结 #

哪怕一个PureComponent没有状态、只有render方法，它和无状态函数组件也不是完全等效的——类组件的实例特性、生命周期、默认渲染优化，都是两者不可忽视的差异点。具体用哪种，还是要根据你的需求来：如果需要实例、生命周期，或者想默认开启浅比较优化，选PureComponent；如果追求轻量、简洁，或者后续要配合hooks扩展，选函数组件+React.memo的组合。

内容的提问来源于stack exchange，提问作者callum