Svelte 5, как получить данные из API?

Я не уверен, как получить данные в SvelteKit 5. В приведенных ниже данных представлен прокси-объект.

<script>

export async function load({ fetch }) {
    const res = await fetch('https://renovatorsparadisewebsite.kinsta.cloud/wp-json/rp2024/v1/top-menu');
    const data = await res.json();

    return {
      props: { data }
    };
  }

  const { data } = $props();

  console.info(data);

</script>

Я попытался изменить данные имени переменной

🤔 А знаете ли вы, что...
С Svelte можно создавать адаптивные интерфейсы для различных устройств и экранов.


187
1

Ответ:

Решено

Svelte 5 использует прокси для состояния (включая реквизиты), чтобы включить свою систему реактивности.

Прокси-сервер отправляет сигнал при доступе к свойству, поэтому такие эффекты, как рендеринг компонента, будут обновляться при изменении свойства.

Вы можете получить доступ к прокси так же, как и к исходному объекту. Прокси будет влиять только на такие вещи, как сериализация и сравнение на равенство (для обоих есть руны: $state.snapshot и $state.is).

Чтобы развернуть прокси, используйте $inspect вместо console.info или получите $state.snapshot.

Ничего в самой загрузке данных здесь не меняется.