react 将对象当中的key转换成数组并异步加载

首先，可以使用`Object.keys()`方法将对象的key转换为数组。然后，可以使用`Promise.all()`方法异步加载每个key对应的数据。

举个例子，假设有一个对象`data`，其中每个key对应一个url，可以按照以下方式转换为数组并异步加载：

const keyArray = Object.keys(data);

const promises = keyArray.map(async key => {
  const response = await fetch(data[key]);
  const result = await response.json();
  return result;
});

const dataArray = await Promise.all(promises);

在上面的代码中，`keyArray`数组中存储了对象`data`的所有key。接着，使用`map()`方法将每个key对应的url发送请求，获取数据并返回。最后，使用`Promise.all()`方法将所有的Promise合并成一个Promise，等待所有异步请求完成，返回一个存储了所有数据的数组`dataArray`。