从REST API wordpress获取功能图片

时间:2018-10-29 04:09:52

标签: wordpress reactjs wordpress-rest-api

我使用Reactjs通过上面的代码通过feature post image来获取Wordpress的REST API,但是出现了错误Cannot read property '0' of undefined

<img className="coho" src={post._embedded['wp:featuredmedia'][0].media_details.sizes.thumbnail.source_url} /> 

post.title.rendered准确返回。

您能解释什么错吗?

1 个答案:

答案 0 :(得分:0)

使用以下api即可:

https://example.com/wp-json/wp/v2/posts/?_embed

,您将收到如下参数:

"feature_image": "https://www.example.com/wp-content/uploads/2018/10/test-300x225.jpg",
"feature_full_image": "https://www.example.com/wp-content/uploads/2018/10/test-app-400.jpg",

然后只需使用以下代码即可:

post.feature_image
post.feature_full_image

经过测试,效果完美。