React JS key — ключи

React JS key — ключи

От автора: React key используется при работе с динамически создаваемыми компонентами, или когда ваши списки изменяются пользователями. Установка значения ключа позволяет сделать компоненты однозначно идентифицированными после изменения.

Использование ключей

Давайте динамически создадим элементы контента с уникальным индексом (i). Функция map создаст три элемента из массива данных. Поскольку значение ключа должно быть уникальным для каждого элемента, мы назначаем i в качестве ключа для каждого созданного элемента.

App.jsx

React JS. Основы

Изучите основы ReactJS на практическом примере по созданию учебного веб-приложения

Получить курс сейчас!

main.js

Мы получим следующий результат для значений ключа каждого элемента.

Если мы добавим или удалим элементы в будущем или изменим порядок динамически создаваемых элементов, React будет использовать значения ключей для отслеживания каждого элемента.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

ReactJS: основы

Изучите основы ReactJS и создайте ваше первое приложение на ReactJS

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий