在 React 中正确处理异步请求竞态：从 useEffect 到 AbortController

搜索框输入防抖、切换 Tab 加载不同列表、路由参数变化后重新拉取数据——这些场景里如果不对异步请求做竞态处理，很容易出现“旧请求覆盖新请求”的 bug。典型表现是：用户快速切换两次，界面最终显示的却是第一次请求的结果，因为第二次请求先返回，第一次请求后返回并覆盖了状态。原因是 fetch 本身不关心调用顺序，也不支持取消，每次 setState 都会无条件更新。要解决这个问题，核心思路是在请求完