我想渲染图像,用户上传他们的调查。
我通过控制台登录了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);
时,它返回未定义的结果
发布于 2019-06-06 08:01:12
试一试
console.log(this.props.surveys[0].imageUrl);
发布于 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>
)
});
}
诸如此类。
https://stackoverflow.com/questions/56469449
复制相似问题