时间戳

首页 > 解决方案 > ReactJS 上的 WP Rest API 特色图片

reactjs - ReactJS 上的 WP Rest API 特色图片

问题描述

如何在 reactJS 中显示特色图片？我正在使用带有 ReactJS 的 Rest API。我已经获取了所有内容。在控制台中，我可以查看featured_media值。如何在我的 reactJS 图像组件中检索它？

标签： reactjswordpressrestapi

解决方案

您可以使用以下代码获取特色图片。

_embedded['wp:featuredmedia'][0].media_details.sizes.thumbnail.source_url

这是一个例子：

this.state.posts.map(post=>
 <img
  alt="example"
  src={post._embedded['wp:featuredmedia'][0].media_details.sizes.thumbnail.source_url}
  />
)

你会从这里得到更多的想法：https ://github.com/BRdhanani/headless-wordpress-with-react

推荐阅读