React 中 useEffect 清理函数的执行时机与异步请求竞态问题

在 React 函数组件里用 useEffect 发请求很常见，但依赖数组变化或组件卸载时，清理函数到底什么时候执行、是否总能赶在下一个 effect 之前完成，是不少线上 bug 的源头。典型场景是搜索框输入联想、详情页切换路由参数、弹窗内加载数据：用户快速输入或来回切换时，旧请求可能晚于新请求返回，最终渲染出过期数据。更隐蔽的是，在 effect 里直接 await 一个 Promise 后