自定义hooks实现useEffect中异步请求

劲枫

已于 2024-07-07 10:06:36 修改

阅读量454

点赞数

分类专栏： React 文章标签： react

于 2023-02-02 20:22:41 首次发布

本文链接：https://blog.csdn.net/TCF_JingFeng/article/details/128856789

版权

React 专栏收录该内容

3 篇文章

订阅专栏

该文章介绍了一个自定义的useAsyncEffectHook，它用于处理异步操作并在组件卸载时进行清理。此Hook接受一个返回Promise的函数，当组件卸载时，会等待Promise解析并执行清理函数。

摘要由CSDN通过智能技术生成

// 自定义hook

function useAsyncEffect(effect: () => Promise<void | (() => void)>, dependencies?: any[]) {

return useEffect(() => {

const cleanupPromise = effect();

return () => {

cleanupPromise.then((cleanup) => cleanup && cleanup());

};

}, dependencies);

}