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

159
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 и перед ее вызовом добавьте логирование, на всякий случай.

READ ALSO
Отличия свойства от переменной

Отличия свойства от переменной

В чем отличие свойства объекта от переменной глобального объекта?

121
React нажатия на кнопку срабатывают сами

React нажатия на кнопку срабатывают сами

При создании приложения на React столкнулся с проблемой того, что нажатия на элемент срабатывают автоматически при загрузке, и дальше никак...

132
Сделать первый запрос к серверу с периодом обновления в 1 сек

Сделать первый запрос к серверу с периодом обновления в 1 сек

Есть маленькая проблемаУ меня вся страница обновляется с периодом в 5 сек и соответственно когда первый раз картинка грузится то появляется...

134
Замена forEach для IE 11 [дубликат]

Замена forEach для IE 11 [дубликат]

На данный вопрос уже ответили:

133