Как получить доступ к двум одинаковым объектам?

Question

[Dolerum]

Здравствуйте. С сервера приходит массив
(2) [{…}, {…}]
В нем есть один и более объект. Для примера их два;

0: {id: 489, name: "Nickname"}
1: {id: 345, name: "Email"}
length: 2
__proto__: Array(0)

Дело в том, что у этих объектов одинаковые ключи, но не значения.
У меня не получается получить доступ сразу к двум объектам и получить полностью их значения. Например просто dat.name не срабатывает в случае ниже и выбрасывает ошибку name undefined. Пробовал перебрать вот так.

<div>
<div>{data.map((dat, index) => {
    if(dat) {
for (let i=0; i< dat.length; i++) {
   return (
       <Link> {dat[i].name}</Link>
)
}}}
})}</div>

Но [i] почему-то всегда равен 0 и происходит вывод только одного - первого объекта.
Что делаю не так? Спасибо.

Comments

[Somewhere Intech]

map и так уже проходит по массиву, возвращайте сразу dat.name без перебора for

[Dolerum]

Johnny Lowhunter, тогда данные почему-то не отрисовываются, если явно индекс[] не указать

[Somewhere Intech]

Dolerum, сделайте JSON.stringify(data) сюда и поймём почему так

Answer 1

[Тигран Абрамян]

Правильный вариант.

let data = [
  {id: 489, name: "Nickname"},
  {id: 345, name: "Email"}
];

<div>
{
  data.map((dat, index) => {
    return (
      <Link>{dat.name}</Link>
    )
  })
}
</div>

В вашем случае ошибка в том что вы в for проверяете
dat.length вместо data.length
и еще
dat[i].name вместо data[i].name

Comments

[Dolerum]

так не работает, данные не выводятся. без явных ошибок. console.log говорит, что это undefined

[Тигран Абрамян]

Dolerum, У меня отлично работает.
JSFiddle