nanoid } from 'nanoid'
сделал функцию, которая генерирует id, но консоль выдает ошибку, что присвоен один и тотже id нескольким элементам как так-то?
function nanoId() {
return nanoid();
}
и так использую ее
let res = users.map(elem => {
return <tr key={nanoId}>
<td>{elem.name}</td>
<td>{elem.surname}</td>
<td>{elem.age}</td>
</tr>
});
в чем крыта ошибка?
в key функцию передаёшь
имеешь ввиду надо key={nanoId()} со скобками?
это решит проблему, но все равно будет генерить новые id на каждый рендер и перерисовывалась таблицу Правильно: Подмешать ключи при получении данных const users = usersResponse.map(user =>({…user, key: nanoid())}) Закинуть в стейт и дальше выводить
Обсуждают сегодня