React не получается найти данные в объекте [закрыт]

158

30 мая 2019, 16:50

Есть код который передает массив в другой компонент, далее мне просто нужно найти в нем свойство thumb.

Сам объект.

Если попытаться найти свойство thumb в urls вылетает ошибка, что такого не существует.

Код который я писал, в передаваемых данных лежит то что на первом скрине.

Как исправить данную ошибку?

Answer 1

Думаю, что вы попадаете в функцию ImageList несколько раз и, к примеру, при первом входе в функцию там данных пока нет. Попробуйте переписать код следующим образом:

function ImageList(props) {
  const { data } = props;
  if (data && data.urls) {
    console.log(data.urls.thumb)
  }
  return (<div></div>)
}

Уверен, проблема кроется именно в этом, потому что в data у вас лежит пустой объект сначала. Также. проверьте место, откуда вызывается функция ImageList и перед ее вызовом добавьте логирование, на всякий случай.