javascript - 关于在map中使用fetch异步请求

问题描述

问 题

let city = [
    {
        name:'深圳',
        level:'1',
    },
    {
        name:'上海',
        level:'1',
    },
    {
        name:'重庆',
        level:'1',
    },
]

city.map((item)=>{
    item['isLeaf'] = fetch_get(.....).then( data != '' ? false : true )
})

大概代码思路是这样的

描述：
一个城市级联选择，我要动态的去异步请求一个端口看这个城市下面是否还有子节点。

问题：每次还没等全部数据都异步返回数据的时候，map循环就已经结束了，组件开始渲染，返回快的有数据，返回慢的就没有。

追加描述：
不能一次全部拿回所有数据，因为数据量太大一次拿回全部数据页面假死。

麻烦大家了z~!

解决方案

let city = [{
    name: '深圳',
    level: '1',
  },
  {
    name: '上海',
    level: '1',
  },
  {
    name: '重庆',
    level: '1',
  },
]

city.map(async(item) => {
  item['isLeaf'] = (await fetch('')).data === ''
})

这篇关于javascript - 关于在map中使用fetch异步请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！