Где в таком случае брать ключи для элементов?

Question

[aris-paskalov]

Доброго времени суток.
Пишу приложение с погодой на React Native

Делаю запрос к API, после чего рендерю компоненты с погодой при помощи метода .map()

Но не знаю, где взять ключ для свойства key.
В response у айтемов key не имеется

Подскажите пожалуйста, как в таком случае задавать ключи?

Answer 1

[Василий Банников]

В таком случае просто по порядку бери:

data.map((elem, i) => <Component data={elem} key={i}/>)

Comments

[aris-paskalov]

вроде как считается не валидным использовать индекс элемента в качестве ключа?

[Василий Банников]

aris-paskalov, хз. Всегда так делали. Вроде главное чтобы уникальные были. Пошёл гуглить.

[aris-paskalov]

Василий Банников, окей, в любом случае это как вариант, пасиб

[Василий Банников]

aris-paskalov, в крайнем случае всегда можно сгенерить новый уникальный id.
В случае прогноза погоды можно использовать дату-время-город (вроде ключи можно делать строковыми)

[Алексей Уколов]

Вроде главное чтобы уникальные были.

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

Answer 2

[Алексей Уколов]

В response у айтемов key не имеется
Подскажите пожалуйста, как в таком случае задавать ключи?

Какое-то уникальное поле или набор полей же у них есть? Вот их в качестве ключа и используйте.

Answer 3

[Kirill Makarov]

Можешь использовать индекс элемента если не подразумевается удаление элементов массива.