如何以苗條的形式返回 Firestore 結果？

Question

你如何在頁面中得到這個結果：

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

Answer 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}