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

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

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

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

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

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

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

在 React 函数组件里用 useEffect 发请求很常见，但依赖数组变化或组件卸载时，清理函数到底什么时候执行、是否总能赶在下一个 effect 之前完成...

在 React 函数组件里，useEffect 的清理函数负责取消订阅、清除定时器、中断请求等收尾工作，但实际开发中经常遇到“清理函数不执行”或者“执行了却清错...

在 React 组件里用 useEffect 发起数据请求时，如果组件在请求完成前被卸载或者依赖项快速变化，旧请求的回调仍然可能执行，导致 setState 警...

写业务表单时经常遇到一个隐蔽的问题：在 useEffect 里读取 useRef 保存的值，结果拿到的总是旧值，而 DOM 上明明已经更新了。很多人第一反应是闭...

在 React 里用 useEffect 管理定时器时，清理函数偶尔会失效，表现为组件卸载后 setInterval 还在跑，或者依赖变化后旧定时器没被清掉、新...

写一个显示当前秒数的组件，用 setInterval 每秒更新，结果页面上的数字永远停在 0。这是 React 函数组件里很典型的一类问题：useState 返...

在维护一个后台管理项目时，我遇到了一个很典型的问题：用 useRef 保存了筛选条件，点击查询后修改 ref.current，但页面上的列表并没有按照新的条件刷...

在 React 函数组件里用 useState 存一个需要计算才能得到的初始值时，很多人会直接把计算结果传进去，比如 useState(compute())。组...

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行，但很多开发者在使用时容易忽略依赖的完整性，导致闭包捕获旧值、副作用执行时机不...

上个月在维护一个后台监控面板时遇到一个挺典型的问题：页面上的实时数据每 5 秒刷新一次，展示最近 30 秒的请求量。代码写完后发现列表确实在更新，但页面上显示的...

在 React 函数组件中，useEffect 的依赖数组控制着副作用的执行时机，但依赖项设置不当很容易引发无限循环渲染。常见场景包括：在 effect 内更新...

在 React 函数组件里用 useState 管理状态，经常有人遇到"明明已经调用了 setState，但打印出来还是旧值"或者"在定时器、事件监听里拿到的是...

导读：传统 Word 转文本大多依赖后端服务、Office COM 组件或者在线转换接口，存在部署成本高、文件外传、并发受限等问题。借助 WebAssembly...