Как избежать перерендера react?

Question

[beefront17]

Добрый день! Подскажите пожалуйста как сделать постепенный рендер так, чтобы не было перерендера?
Проект на react.
Например, сейчас через определенный интервал делаю push элементов в стейт и со стейта делаю уже рендер элементов. Но в таком случае перерендер елементов которые уже есть в массиве.
Вопрос, как сделать, чтобы рендерлись только новые элементы с массива?
Возможно есть что-то с react 16.*

Буду благодарен за помощь

Comments

[Роман Александрович]

ComponentShouldUpdate думаю должен вам помочь

[beefront17]

Роман Александрович, каким образом?

Answer 1

[Антон Спирин]

Варианты:
1. Указать свойство key если не указано.
2. Обернуть элементы в вызов connect из пакета react-redux. Это предотвратит перерендер, если props не изменились.
3. Использовать PureComponent.
4. Реализовать в элементах списка метод shouldComponentUpdate.
5. Проверить, что при обновлении state, объекты, передаваемые в элементы списка не пересоздаются. То есть выполняется условие:
prevProp === prop

Answer 2

[Павло Пономаренко]

Может, вы не указываете key?

Comments

[beefront17]

Указиваю