Почему я получаю неопределенный, когда я консоль журнала imageUrl, когда его там?

Question

Я хочу отобразить изображения, которые пользователи загружают вместе со своими опросами.

Я вошел в систему 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);

Answer 1

Это решение, которое сработало для меня:

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>
  )
 });
}

И так далее.

Answer 2

Попробуйте

console.log(this.props.surveys[0].imageUrl);