Показать список из выборки в Svelte Native

Question

Я извлекаю данные из API-заполнителя JSON.

Я хочу перебрать каждый ответ и показать его в своем представлении списка, однако я просто не могу заставить его работать. Он всегда просто показывает блок ожидания и никогда не переходит к блоку выборки.

Я также новичок в нативном скрипте, поэтому любая помощь приветствуется.

      {#await posts}
   <label text="Waiting"></label>
 {:then data}
    <listView items="{data}" row="1" colSpan="2">
       <Template let:item>
          {#each data as item}      
             <label text="{item.id}. {item.body}" textWrap="true" />
          {/each}
       </Template>
    </listView>
  {:catch}
      <label text="Error occured"></label>
 {/await}



async function fetchPosts() {
    let allPosts = await fetch('https://jsonplaceholder.typicode.com/posts');
    return await allPosts.json();
}

let posts = fetchPosts();

Answer 1

Ваш метод итерации объединяет каждый элемент в огромный фургон. Просто изменитеlet:itemкlet:item={item}.

Код:

        ...
  <Template let:item={item}>
      <label text="{item.id}. {item.body}" textWrap="true" />
  </Template>
  ...