我不知道的 React
逻辑复用的三代进化
React 组件是构建 UI 的基本单元,但组件之间如何共享逻辑,一直是一个棘手的问题。不同于工具函数的纯计算复用,React 要复用的往往是"带状态的逻辑"——比如追踪鼠标位置、监听窗口大小、管理表单校验。这类逻辑和组件的生命周期、状态管理深度绑定,没法简单地抽成一个函数。
React, Hooks
// 共 2 篇文章
React 组件是构建 UI 的基本单元,但组件之间如何共享逻辑,一直是一个棘手的问题。不同于工具函数的纯计算复用,React 要复用的往往是"带状态的逻辑"——比如追踪鼠标位置、监听窗口大小、管理表单校验。这类逻辑和组件的生命周期、状态管理深度绑定,没法简单地抽成一个函数。
React 的类组件生命周期曾经是面试高频题,很多人能背出从 componentWillMount 到 componentWillUnmount 的完整流程。但从 React 16.3 开始,三个 Will* 系列方法被标记为 UNSAFE_,到 React 18 已经不建议使…