WP Rest API рекомендуемое изображение на ReactJS

Question

Как показать показанное изображение в reactJS? Я использую Rest API с ReactJS. Я должен был получить каждый контент. В консоли я могу посмотреть значение featured_media. Как я могу получить его в моем reactJS компоненте изображения?

Answer 1

Вы можете использовать следующий код для получения избранного изображения.

_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