小编p13*_*rnd的帖子

我正在尝试迭代某个异步函数返回的某个值。

import { onMount } from 'svelte';

let navigation;

onMount(async function(){
    navigation = FETCHER.data.navigation;
    console.log(navigation);
});

然后在 html

{#await navigation}
    {#each navigation.main as menuItem}
        foobar
    {/each}
{/await}

然而“foobar”从未出现。

在导航中，我找到了这个数据结构：

main: (3) […]
0: Object { ID: 16, url: "http://127.0.0.1/", title: "Welcome", … }
1: Object { ID: 15, url: "http://127.0.0.1/", title: "Home", … }
2: Object { ID: 176, url: "http://127.0.0.1/test/", title: "test", … }
length: 3

我真的很好奇为什么 await 块内的任何东西都没有呈现。我的承诺有问题吗？

旁注中的一件事可能很重要：FETCHER.data.navigation 变量是使用 wp_localize_script 从 WordPress 传递的，因此没有任何 fetch 调用。

感谢您提前提供任何意见。

最好的，塞博