我已經成功地將資料從 Contentful 中取回，但我似乎無法進一步映射到陣列中。我不確定我做錯了什么，因為我收到以下錯誤：field.fields.map is not a function
export default function Header({ links }) {
console.log(links);
return (
<div className='header-links'>
<ul className='flex text-white uppercase tracking-widest font-medium'>
{links.map((link) => (
<div key={link.title}>
{link.links.map((field) => {
<div>
{field.fields.map((singleLink) => (
<p>{singleLink.title}</p>
))}
</div>;
})}
</div>
))}
</ul>
</div>
);
}[
{
"title": "Header",
"logo": {},
"links": [
{
"fields": {
"title": "Home",
"slug": "/"
}
},
{
"fields": {
"title": "Food",
"slug": "/Food"
}
},
]
}
]
uj5u.com熱心網友回復：
以這種方式改變它。當你在里面時field，它們已經是物件，所以你不能再像陣列一樣映射了
export default function Header({ links }) {
console.log(links);
return (
<div className='header-links'>
<ul className='flex text-white uppercase tracking-widest font-medium'>
{links.map((link) => (
<div key={link.title}>
{link?.links?.map((field) => (
<div>
<p>{field?.fields?.title}</p>
</div>
)
)}
</div>
))}
</ul>
</div>
);
}轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/462177.html