Привет! Подскажите, по какой причине выдается ошибка Warning: Each child in a list should have a unique "key" prop ?
вот код, из-за которого это происходит:
{
data.additionalItems.map((item, key) => (
<li className="nav__item">
<a className="nav__link nav__link--dark" key={
item.name + key} href={item.url}>{
item.name}</a>
</li>
))}
перебираемый массив данных:
additionalItems: [
{
name: 'О проекте',
url: ''
},
{
name: 'Доставка',
url: ''
},
{
name: 'Политика конфиденциальности',
url: ''
},
]
я расчитывал что мой код даст уникальный key всем элементам списка и не понимаю что я делаю не так.