javascript — отображать массив объектов в js / реагировать

Карта через массив объектов в JS / реагировать

Мне нужен массив alt строк. Я могу сопоставить массив со строками name , но не могу заставить его вернуть «alt». Вот что я попробовал:

 const data = [ { name: "Apple", alt: "Fruit" }, { name: "Banana", alt: "Fruit" }, { name: "Potatoe", alt: "Vegetable" }, { name: "Lentil", alt: "Legume" }]; 
  {amp}lt;span{amp}gt; {data.map(item ={amp}gt; { return ( {amp}lt;Button item={item.alt.toUpperCase()}{amp}gt; {item} {amp}lt;/Button{amp}gt; ); })} {amp}lt;/span{amp}gt; 

Чтобы получить массив строк name , это сработало:

  {amp}lt;span{amp}gt; {data.map(item ={amp}gt; { return ( {amp}lt;Button key={item.name} item={item.name.toUpperCase()}{amp}gt; {item} {amp}lt;/Button{amp}gt; ); })} {amp}lt;/span{amp}gt; 

Это ошибка: TypeError: Невозможно прочитать свойство ‘toUpperCase’ из неопределенного

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector