我正在將 Strapi v4 和 Svelte 用于一個專案（我在開發方面也很新，抱歉但我的問題可能是基本的）。我從我的本地主機獲取我的 Strapi 資料并將它們放入控制臺日志，沒問題。使用 GraphQL，我得到的資料如下，例如：
"produits": {
"data": [
{
"id": "1",
"attributes": {
"reference": "MEV620001"
}
}
我的問題是在使用 Svelte 渲染它們時，我只能獲取 ID，不知道如何顯示每個產品的屬性。使用 Strapi v3，我可以，但我現在無法更改 Strapi v4 顯示資料的方式。我在 Svelte 中的代碼是：
<script>
import { onMount } from "svelte";
let produits = []
onMount(async () => {
const response = await fetch('http://localhost:1337/api/produits')
produits = await response.json()
console.log(produits)
})
</script>
{#if produits.data}
{#each produits.data as produit}
<h3>{produit.id}{produit.reference}</h3> ///how to enter into the attributes with Strapi v4 ?///
<hr />
{:else}
<p>Chargement...</p>
{/each}
{/if}
使用上面的代碼，我在前端得到了未定義的“參考”，這是因為“參考”在這個特定 id 的屬性內部，我不知道如何進入屬性內部來呈現它們。非常感謝您的大力幫助。
uj5u.com熱心網友回復：
您需要訪問attributes然后reference這可以在您的代碼中使用produit.attributes.reference
<script>
import { onMount } from "svelte";
let produits = [];
onMount(async () => {
const response = await fetch("http://localhost:1337/api/produits");
produits = await response.json();
console.log(produits);
});
</script>
{#if produits.data}
{#each produits.data as produit}
<h3>{produit.id}{produit.attributes.reference}</h3> <!-- modified this line -->
///how to enter into the attributes with Strapi v4 ?///
<hr />
{:else}
<p>Chargement...</p>
{/each}
{/if}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/400264.html