如何从 Strapi API 引用 Next JS 中的图像组件?
Posted
技术标签:
【中文标题】如何从 Strapi API 引用 Next JS 中的图像组件?【英文标题】:How to reference Image Component in Next JS from Strapi API? 【发布时间】:2021-11-20 01:09:43 【问题描述】:如何在 NextJS 中从我的 Strapi API 添加动态图像。我获取的其他数据没有任何问题。对于我的图像,我尝试了此操作,但出现错误。其实我只是想在我的 localhost 之后添加 url(用于大标题图片)。
【问题讨论】:
你将大括号$activity....
加倍而不是 $activity....
【参考方案1】:
key titlePicture
是一个数组,所以你需要这样做:
activity.titlePicture[0].formats.large.url
如果你想要数组中的第一个对象。
【讨论】:
我该怎么做才能获得数组中的第二个对象?我尝试了 activity.titlePicture[1].formats.large.url ,但它给了我一个错误:TypeError: undefined is not an object (evalating 'activity.titlePicture[1].formats') 您需要为我提供完整的 JSON 对象来帮助您。但我猜你在 titlePicture 数组中只有一个对象,或者第二个数组没有称为格式的键。 @伊博以上是关于如何从 Strapi API 引用 Next JS 中的图像组件?的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 Graphql 从 Strapi 查询 Gatsby 中的多个图像
如何显示从 Node.js API 发送到 Next.js 的验证错误
Next Js - 如何从需要授权的api中检索数据(通过axios)?