Разработка и интерфейсы

Ключ элемента React

Илья Тарасов — Ключ элемента React
МатериалКлюч элемента Reacttarasovcode

Стабильный идентификатор элемента в отображаемом React-списке. Ключ помогает React сопоставить строки между отображениями и сохранить состояние нужного элемента после вставки, удаления или сортировки. Обычно ключом служит постоянный id данных.

Пример на практике

После сортировки карточки сохраняют свои поля ввода благодаря id как key.

Когда пригодится

Передавайте уникальный идентификатор сущности, а не случайное значение.

Что важно учитывать

Индекс массива ломает сопоставление, когда порядок или состав списка меняется.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам