22.React.js 中所谓的 “Pure Component” 是怎样的一类组件？

先说结论：

所谓 “Pure Component”（纯组件），就是： 在同样的 props 和 state 下，每次渲染“输出都一模一样”的组件。 React 可以利用这一点，帮你“跳过不必要的重复渲染”。

在现代 React 里，对应的实现主要有两种：

• 类组件时代：React.PureComponent

• 函数组件时代：React.memo(YourComponent)

你给的例子用的是 **React.memo**，这就是函数组件的“纯组件写法”。

一、用 React.memo 做一个“纯函数组件”

来看你给的这段代码 👇

import React from 'react'; interface CounterProps { value: number; } const Counter: React.FC<CounterProps> = React.memo(({ value }) => {