我如何 return 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}