首页
文章列表
标签墙
返回找工具啦
ReactHooks
共 5 篇文章
React useEffect依赖数组为空时清理函数不执行的问题
2026-06-07 21:49:47
React useEffect依赖数组为空时清理函数不执行的问题 问题现象 当你编写一个带有清理函数的 useEffect hook,并将它的依赖数组设置为空数组 时,你可能会发现:组件卸载(Unmount)时,清理函数会被执行,但组件因为父组件重新渲染或其他状态更新而再次渲染(Render)时,清
ReactuseEffect
依赖数组
清理函数
1
0
React useMemo和useCallback到底什么时候该用
2026-05-11 22:44:35
React useMemo和useCallback到底什么时候该用 React的useMemo和useCallback是两个强大的Hook,它们能帮你优化性能,避免不必要的计算和渲染。但很多人对它们感到困惑,不知道何时该用。本文将手把手教你,通过具体场景和代码示例,让你彻底搞懂它们的用法和区别。 核
ReactHooks
useMemo
useCallback
61
0
React自定义Hook如何正确封装可复用的状态逻辑
2026-05-10 05:23:06
React自定义Hook如何正确封装可复用的状态逻辑 自定义Hook是React中复用组件逻辑的重要方式。通过将状态和副作用逻辑封装成可复用的函数,可以避免组件间重复代码,保持代码整洁。 一、自定义Hook的基本规则 自定义Hook必须以 use 开头,这是React识别Hook的约定。它返回一个数
React自定义Hook
代码复用
状态管理
47
0
React Hooks为什么不能写在条件语句里?链表实现原理
2026-04-19 19:28:53
React Hooks为什么不能写在条件语句里?链表实现原理 React 要求 Hooks 在组件顶层按完全相同的顺序被调用。这一约束源于其底层实现:链表。一旦顺序改变,React 无法正确复用之前的 Hook 状态,导致 Bug。 1. 理解核心机制:Fiber 节点与 Hooks 链表 Reac
React
ReactHooks
链表原理
81
0
React Server Components与Client Components的边界划分
2026-04-19 14:26:08
React Server Components与Client Components的边界划分 React Server Components RSC 和 Client Components CC 的混合使用是现代 React 开发的核心。错误地划分边界会导致应用变慢、交互失效甚至逻辑错误。本文将提供
React
服务端组件
客户端组件
55
0