-
AbortController
的使用: 在useEffect
中使用AbortController
来控制 API 请求的取消。在请求时传递controller.signal
参数,并在组件卸载时或发起新请求时取消未完成的请求。 -
testFetchFunction
方法更新: 方法现在接收controller
作为参数,并在请求配置中使用signal
选项来绑定请求的取消控制器。 -
这是以react为例的
-
useEffect(() => { testFetchFunction(); return () => { if (fenXiControllerRef.current) { fenXiControllerRef.current.abort(); } }; }, [queryParams]); const fenXiControllerRef = useRef(null); const testFetchFunction = async () => { if (fenXiControllerRef.current) { fenXiControllerRef.current.abort(); } const controller = new AbortController(); fenXiControllerRef.current = controller; const res = await api.test.getTestInfo( { param: queryParams.param }, {signal: controller.signal}) };
实现 AbortController 机制来控制 API 请求的取消行为,使其在组件卸载时或在发起新请求时取消先前的请求
于 2024-06-14 11:21:20 首次发布