В одном компоненте у меня после загрузки появляются чекбоксы, кликая на которые показываются разделы с пагинацией. Хранение идет через
this.state = {
products_data: []
}
А потом когде смотрим следующие страницы, делаем конкат:
this.products_data = this.products_data.concat(this.props.products.item.data);
В общем вывод разделом и постраничная навигация работает отлично.
Но потом при клике на конкретный раздел, идет загрузка в сторе информация о нем, и рендерится другой компонент, с детальным просмотром, а с категориями скрывается. Но в этот момент консоль забивается варнингами:
Warning: Encountered two children with the same key, `506685`. 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.
Я смотрю, а у меня при открытии детального просмотра рендерится еще и компонент с категориями. И начинает их дублировать.
В чем проблема?
Простой
