React JS key — ключи

React JS key — ключи

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

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

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

App.jsx

main.js

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

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

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

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

Angular 4 с Нуля до Профи

Angular 4 - полное руководство для современной веб-разработки

Научиться

Метки:

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

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree