做移动端 H5 或者带吸顶导航的页面时，经常需要在滚动过程中判断用户是向上还是向下滑动，再决定要不要隐藏顶部栏。多数人会直接写一个 useEffect 加上 w...

写 React 的时候遇到过这样一个情况：一个列表页需要根据筛选条件拉取数据，筛选条件是一个对象 { page, keyword, status }，为了代码清...

在 React 函数组件里用 useEffect 处理订阅、定时器或事件监听时，清理函数（cleanup）到底什么时候执行，经常是调试的焦点。很多人以为它只在组...

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时执行，但很多开发者在使用时经常遇到闭包过期值、无限循环、依赖遗漏等问题。比如在 eff...

在 React 函数组件里调用 setState 之后立刻 console.log(state)，拿到的还是旧值，这个现象几乎每个写 React 的人都撞过。它...

在 React 项目里用 useEffect 发请求时，依赖数组里放了一个从 props 或父组件传下来的对象，结果组件每次渲染都会重新请求一次接口，即使对象里...

在 React 函数组件里用 useEffect 处理副作用时，依赖数组往往是最容易出问题的地方。很多开发者遇到过：明明只希望在挂载时请求一次数据，结果改了某个...

在 React 函数组件里用 useEffect 做副作用时，依赖数组写错是挺常见的一类 bug。典型场景是组件挂载后请求数据，顺便把结果存进 state，或者...

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。一个常见的场景是组件需要根据 props 变化重新发起请求，或者监听某个状态...

在一个数据看板项目里，有个图表组件会在筛选条件变化时重新拉取数据。上线后发现接口调用频率明显高于预期，切换筛选条件快的时候还会出现旧请求覆盖新结果的情况。排查下...

在一个后台管理页面的搜索表单里，我遇到了一个很典型的输入框问题：用户每输入一个字符，光标就会跳到文本末尾，导致无法在中间插入或修改内容。这个表单同时受控于 Re...

在 React 函数组件中，useEffect 的清理函数执行时机经常被误解，导致闭包引用过期状态、事件监听器泄漏或异步请求结果覆盖等问题。很多开发者以为清理函...

在 React 项目里，useEffect 的依赖数组写错导致组件反复渲染甚至无限循环，是相当常见的线上问题。这类问题通常不会在开发阶段立刻暴露，因为 Reac...

在 React 项目里改完状态却发现页面纹丝不动，是件很消耗耐心的事。尤其是用 useState 或 useReducer 管理一个对象或数组时，调用 setS...

登录页用 React 做受控输入框，用户用浏览器或密码管理器自动填充账号密码后，直接点登录，前端拿到的 username/password 还是空字符串。手动敲...

在 React 函数组件里用 useEffect 处理副作用时，依赖数组的写法直接决定了回调闭包捕获的是哪一次渲染的变量。一个很常见的场景是：组件里有个定时器或...

在做一个带搜索建议的 React 18 项目时，遇到一个偶发问题：快速输入时，较早发出的请求结果偶尔覆盖了较新的结果，导致下拉列表展示旧数据。排查后发现，虽然组...

最近在把一个后台管理项目从 React 17 升到 18，开启 createRoot 之后，列表页的请求偶尔会发两次，详情页在快速切换时还会出现旧数据覆盖新数据...

在 React 函数组件里用 useEffect 处理副作用时，依赖数组写错导致的闭包陈旧问题几乎每个项目都会踩一次。典型场景是定时器、WebSocket 消息...

在 React 函数组件里写数据请求或事件监听时，useEffect 的依赖数组是最容易出错的地方。开发者经常遇到“明明依赖值变了，effect 却没重新执行”...