Задать вопрос
@beefront17
react

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

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

Буду благодарен за помощь
  • Вопрос задан
  • 878 просмотров
2 комментария
Подписаться 2 Простой 2 комментария
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Варианты:
1. Указать свойство key если не указано.
2. Обернуть элементы в вызов connect из пакета react-redux. Это предотвратит перерендер, если props не изменились.
3. Использовать PureComponent.
4. Реализовать в элементах списка метод shouldComponentUpdate.
5. Проверить, что при обновлении state, объекты, передаваемые в элементы списка не пересоздаются. То есть выполняется условие:
prevProp === prop
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
TheShock
@TheShock
Может, вы не указываете key?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Frontend developer (React)
Баланс-Платформа • Москва
До 250 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы