为什么当我通过控制台登录imageUrl时，它在里面，为什么我会变得不确定？
为什么当我通过控制台登录imageUrl时，它在里面，为什么我会变得不确定？
提问于 2019-06-06 07:59:20
我想渲染图像，用户上传他们的调查。
我通过控制台登录了this.props.surveys，很明显其中有一个imageUrl属性。
renderImage() {
console.log(this.props.surveys);
}
// output:
0:
body: "asdfg"
imageUrl: 'bf0idba0inbdbnadbidfbn'
no: 0
subject: "another survey with image"
title: "My Second Image Survey"我希望它能从该imageUrl渲染出图像，但当我执行console.log(this.props.surveys.imageUrl);时，它返回未定义的结果
回答 2
Stack Overflow用户
发布于 2019-06-06 08:01:12
试一试
console.log(this.props.surveys[0].imageUrl);Stack Overflow用户
发布于 2019-06-06 09:30:48
这就是对我有效的解决方案：
renderSurvey() {
return this.props.surveys.reverse().map((survey) => {
return (
<div className="card darken-1" key={survey._id}>
<div className=""card-content">
<img
src={
"https://my-bucket-123.s3-us-west-1.amazonaws.com/" +
survey.imageUrl
}
width="200"
height="200"
/>
<span className="card-title">{survey.title}</span>
.....
</div>
</div>
)
});
}诸如此类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56469449
复制相关文章
相似问题