如何从 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 中的图像组件?的主要内容,如果未能解决你的问题,请参考以下文章

Next.js + 云开发Webify 打造绝佳网站

如何使用 Graphql 从 Strapi 查询 Gatsby 中的多个图像

如何显示从 Node.js API 发送到 Next.js 的验证错误

Next Js - 如何从需要授权的api中检索数据(通过axios)?

Next.js - 如何将 id 从查询传递到 getInitialProps 函数

Next.js 使用 getServerSideProps 如何将道具从页面传递到组件?