如何以苗条的形式返回 Firestore 结果？答案

【问题标题】：How do I return firestore result in svelte?如何以苗条的形式返回 Firestore 结果？
【发布时间】：2021-12-27 14:51:47
【问题描述】：

你如何在页面中得到这个结果：

async function getCities(db) {
  const citiesCol = collection(db, 'cities');
  const citySnapshot = await getDocs(citiesCol);
  const cityList = citySnapshot.docs.map(doc => doc.data());
  return cityList;
}

【问题讨论】：

你能分享你的 Svelte 代码吗？
在页面上像列表或字符串一样。没关系。我无法从该功能中获取 cityList 。应该是数组吧？
在 svelte 中，您可以等待异步 getCities 函数。请参阅此示例：svelte.dev/tutorial/await-blocks
@voscausa 谢谢。这让我更进一步。
另一种方法是将查询包装在可读存储中。让我们调用 te store cityList。在您的页面中，您可以使用 $citylist 来阅读商店。这是一个示例：在可读存储中调用 API：eternaldev.com/blog/introduction-to-svelte-readable-store

标签： javascript firebase google-cloud-firestore svelte

【解决方案1】：

感谢@voscausa，我解决了它。不得不使用 await https://svelte.dev/tutorial/await-blocks。

let cities = getCities();

{#await cities}
    <p>...waiting</p>
{:then cities}
  {#each cities as city}
      {city.name}
  {/each}
{:catch error}
    
{/await}

【讨论】：