How to iterate through map data from store (Redux) and display it on the page?

Question

JavaScript

Hello! I wanted to display phone numbers from the side

const nums = store.getState().Head.phoneNumbers.map( (num) => {
      <span>{ num }<br/></span>
    })

and display on the page

<div className="b-op">
                    <p className="text-faded mb-5">
                      Телефоны Отдела продаж

                    </p>
                    {nums}
                  </div>

I get an error

Expected an assignment or function call and instead saw an expression

my store

const initialState = {
  topNav: {
    list: ['О Комплексе', 'Преимущества','Цены','Рассрочка','Планировки','Контакты'],
    logo: Logo
  },
  Head: {
    primaryText: 'Наш новый проект на площади Толбухина!',
    buttonText: 'Оставить заявку',
    phoneNumbers: ['(098) 211 98 58', '(066) 562 11 51']
  },
  About: {
    headline: 'О комплексе',
    text: 'Новый жилой комплекс «Манхеттен» расположен на персечении улиц Академика Филатова и Лютдорфской дорогию Комплекс состоит из пяти секцтй по 22 этажа каждая. Жк «Манхеттен» - идеально сочетает в себе современную архитектуру, экологические материалы и новейшие технологии строительства. Планировки квартир создают максимально комфортное жилое пространство без лишних нефункциональных площадей. Это позволяет не переплачивать за неиспользуемые квардратные метры. Мы предлагаем квартиры на любой вкус - от уютной однокомнатной до просторной трехкомнатной с выходои на личную террасу. Благоустройство комплекса предусматривает озеленение территории с устройством газонов и высадкой новых деревьев, устройство пешеходных аллей и дорожек. Здесь есть все для активного и здорового образа жизни.'
  },
  Advantages: {
    headline: '5 преимуществ ЖК «Манхеттен»',
    images: {
      one: {
        src: ImageMoney,
        sub: 'Доступная цена'
      },
      two: {
        src: ImagePark,
        sub: 'Соседство с парком'
      },
      three: {
        src: ImageTransport,
        sub: 'Транспортная доступность'
      },
      four: {
        src: ImageHouse,
        sub: 'Собственная инфраструктура'
      },
      five: {
        src: ImageBlock,
        sub: 'Качественный материал'
      }
    }

  },
  Price: {
    headline:'Цены на квартиры',
    first: {
      img: 'img/sofa1.png',
      bigText: '1-комнатные',
      smallText: 'от 38,9 кв.м.',
      price: '31 300 у.е.'
    },
    second: {
      img: 'img/sofa2.png',
      bigText: '2-комнатные',
      smallText: 'от 55,6 кв.м.',
      price: '43 300 у.е.'
    },
    third: {
      img: 'img/sofa3.png',
      bigText: '3-комнатные',
      smallText: 'от 72,2 кв.м.',
      price: '53 200 у.е.'
    }
  },
  Credit: {
    headline: 'Рассрочка от застройщика!',
    text: 'Первоначальный взнос от 10%, период рассрочки до 24 месяцев',
    textButton: 'Узнать подробнее!'
  },
  Plan: {
    headline: 'Планировки квартир',
    images: [Img10, Img20, Img30, Img40, Img50],
    buttonText: 'Забронировать!'
  },
  Contact: {
    headline: 'Расположение',
    text: 'Комплекс расположен в сердце динамично развивающегося района на пересечении улиц Академика Филатова и Люстдорфской дороги. Уникальность идеи состоит в эффективном обустройстве эксклюзивного пространства, удачно сочетающего в себе идеальное месторасположение, просторную благоустроенную придомовую территорию и развитую инфраструктуру.',
    img: ManMap,
    textButton: 'Узнать подробнее!'
  }
}

What did I do wrong?

Answer 1

Read about the react-redux library , without which you do not need to use Redux with React.