React JS - Списки и ключи (Lists & keys)

Опубликовано: 15 Октябрь 2021
на канале: ART PROGRAMS

272

Ключи помогают React идентифицировать, какой элемент был изменен, добавлен или удален. Ключи должны быть предоставлены элементам внутри массива, чтобы дать им стабильную идентифицируемость.
Лучший способ выбрать ключи – использовать строку, которая уникально идентифицирует элемент списка среди его соседей. В связи с этим, в качестве ключа вам следует использовать ID из ваших данных, принятых с сервера.

Таймкод:
00:00 ► Вступление
02:04 ► Отрисовка группы компонентов
05:27 ► Базовый компонент списка
11:55 ► Ключи
13:15 ► Выделение компонентов с ключами
18:29 ► Ключи должны быть уникальными только в пределах соседей
28:16 ► Встраивание map() в JSX

🚀 Приложение для изучения английского языка в Google Play: https://play.google.com/store/apps/de...
4PDA: https://4pda.ru/forum/index.php?showt...

🔴 Весь плейлист с БЕСПЛАТНЫМ курсом и уроками по HTML:
https://www.youtube.com/playlist?list...

Только начинаете знакомиться с React? Эти видео для вас:
👉 Плейлист уроков по React-
https://www.youtube.com/playlist?list...
👉 React JS - Введение
https://www.youtube.com/watch?v=t68qD...
👉 React JS - Настройка локальной среды разработки
https://www.youtube.com/watch?v=NtJ9x...
👉 React JS - Знакомство с JSX
https://www.youtube.com/watch?v=meJvc...

Наш сайт: https://art-programs.ru
Twitter: / programsart. .
Instagram: / art_program. .
Вк: https://vk.com/art.programs

Подписывайтесь на канал Art Programs - здесь Вас ждет много полезных видеороликов из области web-дизайна и web-разработки!

#artprograms #react #javascript #js #keys #lists #id #ключи #списки #id #jsx