React key prop не обязателен

У меня недопонимание по поводу ключа PROP Я управляю списком с возможностью удаления Я не использую KEY (или иногда имя индекса в качестве ключа) И все работает нормально, хотя я ожидаю, что возникнут проблемы

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
28
1

Ответы 1

Опора key используется React внутри для отслеживания Component до соответствующего виртуального элемента DOM. Это помогает React выполнять минимальный повторный рендеринг компонентов, что, в свою очередь, повышает производительность вашего приложения. Из Реагировать на документы по ключам:

Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside the array to give the elements a stable identity

The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys

Опора key не требуется, но ее использование со списком поможет значительно сократить количество повторных рендерингов дочернего списка Component.

TL; DR: всегда используйте уникальный ключ для дочерних элементов списка (например, при использовании map над массивом для создания компонентов). Это поможет React, но не обязательно для работы вашего приложения.

ты про то, что все нормально работает без ключа .. а это только для производительности ??

philip brodovsky 28.12.2018 20:53

@philipbrodovsky Да, ключ просто помогает React принять лучшее решение с точки зрения модификации DOM. Без ключей React будет перестраивать и повторно отображать все компоненты при каждом изменении списка. С ключами React будет только изменять и повторно отображать измененные компоненты. Надеюсь, это поможет!

Marc Baumbach 28.12.2018 23:23

Другие вопросы по теме