All the Problems I‘ve fixed

跨越海沟

已于 2024-01-02 11:12:28 修改

阅读量423

点赞数 8

分类专栏：其他文章标签：前端 javascript 开发语言

于 2023-12-28 16:41:42 首次发布

本文链接：https://blog.csdn.net/qq_46068142/article/details/135273197

版权

其他专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章讲解了使用async/await管理接口调用中的loading效果，并展示了如何在TypeScript中定义和扩展接口，如`EnumServiceItem`和`AppServiceInfoListItem`，以及`SpecialCategoryInfo`的用法。

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

1，根据接口调用时间设置loading：

const fn = async () => { 
    const loading = message.loading({...}, 0); // 自己控制它 
    await selectDeleteAll(); // 利用await去执行请求 
    loading(); // 关闭loading 
}

或者

const loading = message.loading({...}, 0); 
doPromise().then(() => loading());

参考：https://www.safekodo.com/wiki/content/18169709.html

2，typescript-interface中，定义数组

interface EnumServiceItem {
    id: number; label: string; key: any
}

interface EnumServiceItems extends Array<EnumServiceItem>{}

或

interface AppServiceInfoListItem{
  showTag:number,
  serviceUrl:string,
  serviceName:string,
  tagName?:string,
  serviceId:number
}
export interface SpecialCategoryInfo{
  categoryName:string,
  appServiceInfoList:AppServiceInfoListItem[],
  categoryId:number
}

参考：https://qa.1r1g.com/sf/ask/1782847111/