Задать вопрос

Как можно перебрать объект в jsx?

Добрый день! Подскажите пожалуйста.
У меня есть к примеру вот такой объект.
{spb: "Санкт-Петербург", madrid: "Мадрид", berlin: "Берлин", tokyo: "Токио", oslo: "Осло"}

Во всех примерах используется перебор массива при помощи map.
Я могу как нибудь так же вывести объект к примеру через for in?

{for(var key in cities){
return <div key={key} className="card-panel">{cities[key]}</div>
})}
  • Вопрос задан
  • 9057 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
miraage
@miraage
Старый прогер
{Object.keys(cities).map(cityId => (
  <div key={cityId} className="card-panel">
    {cities[cityId]}
  </div>
))}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@kaktys123
HTML, CSS, JS
Вот только что тоже голову ломал именно нужно было перебрать объект
var list = [];
for(var key in cities){
    list.push(
        <div key={key} className="card-panel">{cities[key]}</div> 
    )
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽