Телеграмм чат группы react

Size: a a a

React — русскоговорящее сообщество

11410 membersпожаловаться на группу

2020 October 03

Defina Corporation in React — русскоговорящее сообщество

Вот так получаю, косячат только картинки, остальное всё работает.

источник

00:04пожаловаться #1

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Ты можешь задачу описать и скинуть код?
Тебе надо вывести все картинки, или только первую? Как получаешь данные, как их обрабатываешь?)
Загадки разгадывать интересно, конечно....😁

Только первую, я же описал, и даже показал как я её получаю.

источник

00:05пожаловаться #2

Vladimir Klimov in React — русскоговорящее сообщество

Defina Corporation

Вот так получаю, косячат только картинки, остальное всё работает.

Когда запрос еще не выполнился - data пустой
Скорее всего ты не обрабатываешь этот кейс при рендеринге

источник

00:05пожаловаться #3

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Когда запрос еще не выполнился - data пустой
Скорее всего ты не обрабатываешь этот кейс при рендеринге

Хорошо, оберну в трай кеч и loading поставлю

источник

00:06пожаловаться #4

Vladimir Klimov in React — русскоговорящее сообщество

Defina Corporation

Хорошо, оберну в трай кеч и loading поставлю

сделай вот так просто протестить: data.Media[0]?.MediaUrl при рендеринге
Должно быть ок

источник

00:07пожаловаться #5

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Когда запрос еще не выполнился - data пустой
Скорее всего ты не обрабатываешь этот кейс при рендеринге

Я же правильно делаю выборку по первому элементу ???
{data.Media[0].MediaURL}
По крайней мере она выводится....

источник

00:07пожаловаться #6

Vladimir Klimov in React — русскоговорящее сообщество

Если это решит проблему - то тогда уже делай нормально загрузку и т.д.

источник

00:07пожаловаться #7

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

сделай вот так просто протестить: data.Media[0]?.MediaUrl при рендеринге
Должно быть ок

Через знак вопроса лучше ?

источник

00:07пожаловаться #8

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

сделай вот так просто протестить: data.Media[0]?.MediaUrl при рендеринге
Должно быть ок

Ваше предложение: data.Media[0]?.MediaUrl
Моя реализация: {data.Media[0].MediaURL}

источник

00:08пожаловаться #9

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Если это решит проблему - то тогда уже делай нормально загрузку и т.д.

Нужен знак вопроса перед [0] ? Так ?

источник

00:09пожаловаться #10

АБ

Александр Бакиматов... in React — русскоговорящее сообщество

та погугли уже зачем этот оператор используется(

источник

00:10пожаловаться #11

АБ

Александр Бакиматов... in React — русскоговорящее сообщество

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

MDN Web Docs

Optional chaining (?.)

The ?. operator functions similarly to the. chaining operator, except that instead of causing an error if a reference is nullish (null or undefined), the expression short-circuits with a return value of undefined.

источник

00:10пожаловаться #12

Vladimir Klimov in React — русскоговорящее сообщество

Defina Corporation

Нужен знак вопроса перед [0] ? Так ?

короче, забей на знак вопроса, просто проверяй перед выводом, что массив не пустой перед тем, как обращаться к элементу как умеешь

источник

00:11пожаловаться #13

Defina Corporation in React — русскоговорящее сообщество

В общем - да, нужно сначало дождаться промиса а потом отрисовывать. Надо завязывать сегодня, к вечеру кателок кипит не варит.

источник

00:12пожаловаться #14

Vladimir Klimov in React — русскоговорящее сообщество

Vladimir Klimov

сделай вот так просто протестить: data.Media[0]?.MediaUrl при рендеринге
Должно быть ок

Я тут тоже фигню написал)

источник

00:13пожаловаться #15

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

И так и так работает, я просто думал что это решит проблему, я обычно использую тернарные выражения когда проверяю данные, в моём случае лучше проверять весь компонент а не его часть, тогда знак вопроса там не нужен ))

источник

00:13пожаловаться #16

Vladimir Klimov in React — русскоговорящее сообщество

Defina Corporation

Вот так получаю, косячат только картинки, остальное всё работает.

Вопрос: res.bundle - это массив?

источник

00:14пожаловаться #17

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Я тут тоже фигню написал)

Ну если проверок нет, это не фигня, вот пример рабочей валидации, выводит ошибку если что-то попадает в false
—
{errors?.email?.types?.required && <FormFeedback>Email is required</FormFeedback>}

источник

00:15пожаловаться #18

Vladimir Klimov in React — русскоговорящее сообщество

Defina Corporation

То, что я написал не будет работать, я просто не догнал сначала твой формат данных, забей)

источник

00:16пожаловаться #19

Defina Corporation in React — русскоговорящее сообщество

Vladimir Klimov

Вопрос: res.bundle - это массив?

Это
{"success":true,"status":200,"bundle":{"StreetDirPrefix":null,
получение массива из bundle

источник

00:16пожаловаться #20