 

07-数据请求与异步第2页

React 数据请求与异步：fetch/axios 封装、请求竞态、加载与错误态、缓存重试、乐观更新、分页与无限滚动、轮询，以及 GraphQL、Apollo 与 tRPC 实践。

7.4 服务端状态管理

服务端状态是「别人拥有的数据的本地快照」，它需要「缓存、去重、失效、重试、重新验证」——这些用 useEffect 手写会写出一堆样板，所以应该交给 TanStack Query / SWR。

陌上寒2026-10-15阅读()去评论

异步 UI 有四种状态（idle / loading / success / error，通常还加 empty）——用状态机建模（而不是多个布尔值），并为每种状态设计明确、不闪烁的 UI。

陌上寒2026-10-15阅读()去评论

压缩、裁剪、加水印、抠图、拼接都在本地完成。不限张数、不限次数，图片不会传到服务器。

2026-11-05

竞态（race condition）指「多个并发请求，后发起的先返回，导致旧数据覆盖新数据」；解法是「取消（AbortController）或忽略（标记位）」，并且StrictMode 下的双执行会暴露这个问题。

陌上寒2026-10-15阅读()去评论

fetch 是浏览器原生 API（体积为零、但不会因 4xx/5xx 报错、无超时、需手动解析），axios 是功能完备的库（拦截器、超时、自动 JSON、进度）；实际项目里两者都需要一层统一封装。

陌上寒2026-10-15阅读()去评论