我最近做了个对比测试：分别用Hook函数组件和传统类组件实现了两个文本框，结果发现了一个影响性能的核心差异：

• 用Hook实现的文本框，输入内容时整个页面都会触发重渲染
• 类组件版本的文本框，只有组件自身会触发重渲染

这种差异在复杂页面里的影响会被无限放大——如果你的页面包含大量复杂元素，比如数据表格、多字段表单、各类交互按钮和输入框，单个组件的状态变更就强制整页重渲染的话，会严重拖慢页面性能。最直观的体验就是输入内容时，页面响应延迟明显超过用户的输入速度，卡顿感非常强。

目前业内常用的临时优化方案是结合callbacks和useMemo来控制重渲染范围，但这个方案有个明显的局限性：如果页面里存在大量带多属性的复杂元素，用这种方式处理单个对象属性的时候，操作会特别繁琐，维护成本极高。

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