Для чего нужен атрибут Key при рендеринге списков

Атрибут `key` помогает React идентифицировать элементы списка при изменениях. Без него React может некорректно обновлять DOM, что приводит к ошибкам и снижению производительности. **Основные функции:** - Уникальная идентификация элементов при перерендере - Оптимизация обновлений (React переиспользует DOM-узлы, если `key` совпадает) - Предотвращение багов (например, при изменении порядка элементов) **Пример:** ```jsx const items = ['Apple', 'Banana', 'Orange']; function List() { return (

{items.map((item, index) => (
• {item}
// index как key - антипаттерн! ))}

); } ``` **Важно:** Используйте стабильные уникальные ID вместо индексов массива, если порядок элементов может измениться. Индексы как ключи могут вызвать проблемы с состоянием компонентов и производительностью.