Nikulio
@Nikulio
NaN !== NaN

Почему отдаёт ошибку о дубликате ключей, если они уникальны?

Отдаёт эту ошибку:

Warning: Encountered two children with the same key, `Sister Moons`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
Для ключа использую ID (Внешнее API от NASA). Эти ID уникальны, проверил созданием array и добавление в него id для данной итерации, если нет такого значения уже. Получаю ошибку все равно. Тогда использовал для key просто индекс (1,2,3). Получил 100 элементов, ключи дошли от 1 до 99 и все равно вижу ошибку. Интересно, что элементов 100, а ошибок 70.
Код:

<Element
							classy="post post--image"
							key={value.data[0].nasa_id}
							img={value.links[0].href}
							desc={value.data[0].description}
							title={value.data[0].title}
						/>

const Element = ({ classy, img, desc, title }: Props) => {
	return (
		<Card
			className={classy}
			image={img}
			header={title}
			description={desc}
			extra={extra}
		/>
	);
};
  • Вопрос задан
  • 925 просмотров
Решения вопроса 1
Nikulio
@Nikulio Автор вопроса
NaN !== NaN
РЕШЕНИЕ : НЕ ИСПОЛЬЗУЙТЕ REACT SEMANTIC UI.
Эта дичь сама решила проставить ключи для тайтла и текста, а в некоторых элементах они одинаковые (тайтл и текст)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы