Tag Cabinet
#hooks
4 notes filed under this label.
Filed Note
T1React Hook 学习 4：从 useState、useEffect 到自定义 Hooks
单独理解 useState、useEffect、useRef 还不够。真实开发里，难点往往不在于“这个 Hook 怎么用”，而在于： 一个业务功能应该怎样拆成清晰的状态、同步逻辑和可复用逻辑。 这一篇的重点，就是把前 3 篇连起来，变成真正能落到项目里的 Hook...
Filed Note
T2React Hook 学习 2：useEffect 的副作用边界
useEffect 是 React 里最容易被滥用的 Hook。 很多人把它当成“组件里什么逻辑都能塞的地方”，但这正是问题开始的地方。useEffect 的真正职责不是“写逻辑”，而是： 把 React 渲染结果和外部世界同步起来。 这里的“外部世界”包括： 浏览器...
Filed Note
T3React Hook 学习 3：useRef 的稳定引用与非渲染状态
useRef 经常被一句话概括成“拿 DOM 节点”，但这只是它的一部分用途。 更完整的理解应该是： useRef 提供了一个跨渲染稳定存在、可变但不会触发重新渲染的容器。 这句话很关键，因为它区分了 ref 和 state： state 变化会重新渲染 ref...
Filed Note
T4React Hook 学习 1：useState 的状态模型
useState 是 React Hook 学习的起点，但它最容易被误解的地方，不是 API 本身，而是“状态到底是什么”。 很多初学者会把它理解成“一个可以变的变量”，但在真实开发里，更准确的理解应该是：useState...