Задать вопрос
@vaskadogana
Frontend developer
javascript

Как в React сделать динамическую подгрузку контента?

На обычном js, это было бы что то вроде при ответе от сервера делаем node.appendChild(node), после получения данных от сервера.
Меня интересует как сделать то же самое в связке реакт + редукс.
При получении делаю диспатч, после чего делаю рендерю конент.
Собственно интересует как выводить только новые данные без рендера полученных ранее.
Сейчас примерно так
render(){
  return this.props.data.map(key=>{
       return key
  }
}
  • Вопрос задан
  • 3029 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
k12th
@k12th
console.log(`You're pulling my leg, right?`);
Ну можно извернуться с помощью dangerouslySetInnerHTML, но вообще не стоит.
Просто добавляйте новые данные в state, а React сам определит, что нужно в DOM добавить, а что не трогать.
Ответ написан
Комментировать
Комментировать
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании
Если вы рисуете новые данные через .map и внутри map у вас отрисовывается компонент, то:
а) написать компонент в functional (stateless) стиле
б) написать компонент через наследование класса от React.PureComponent
в) добавить shouldComponentUpdate

В таком случае у вас будут дорисовываться только ново-пришедшие данные в комонент-родитель.

Если у вас внутри map сразу верстка, то сделайте компонент и затем на выбор а/б/в выше.

Документация
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы