用户主动取消异步操作时应静默处理取消错误，不弹提示、不更新UI；需识别AbortError、axios.isCancel()或自定义CanceledError，catch中显式跳过；结合组件卸载清理提示并封装可选suppressErrorToast的请求函数。
用户主动取消异步操作（如点击“取消请求”或离开页面）时，错误提示不该再弹出或更新 UI。关键不是“捕获错误”，而是让错误处理逻辑感知取消意图，并主动跳过提示环节。
识别取消错误类型
现代异步操作普遍使用 AbortController 或 Axios 的取消机制，它们抛出的错误有明确标识：
-
fetch取消 → 抛出AbortError，err.name === 'AbortError' - Axios 取消 → 抛出
CanceledError（v0.22+），可通过axios.isCancel(err)判断 - 自定义封装（如可取消的 timeout）→ 应统一抛出带
name: 'CanceledError'或提供isCanceled属性的错误
在错误处理分支中跳过提示
不要把取消当成普通错误来展示。在 catch 或 try/catch 中做显式判断：
- 用
if (axios.isCancel(err)) return;直接退出，不调用 toast、setError或日志上报 - 对
AbortError同理：if (err.name === 'AbortError') return; - 若使用自定义错误类，建议统一继承
Error并设code = 'USER_CANCELED'，便于统一拦截
结合组件生命周期自动清理提示
在 React 等框架中，取消往往发生在组件卸载前。仅靠跳过提示还不够，需确保提示本身不会滞留：
立即学习“Java免费学习笔记（深入）”；
- 使用
toast.dismiss(id)主动关闭已触发但未消失的提示（如 react-toastify） - 在
useEffect清理函数中调用controller.abort()，并重置相关状态（如setLoading(false)） - 避免在
.catch中直接调用setState，先检查组件是否还挂载（可用useRef标记或AbortSignal的aborted状态）
封装可取消的请求函数并内置提示控制
把“是否显示错误提示”作为选项，让调用方决定：
- 例如：
api.get('/user', { suppressErrorToast: true })，内部遇到AbortError或CanceledError就静默处理 - 也可默认不提示取消错误，只对网络错误、5xx、4xx（非 401/403）等真正需用户关注的才触发提示
- 这样上层业务代码无需重复写判断逻辑，一致性更高
