n1ksON

У вас в JSX написан один <div className="Item">. Вам нужно отрисовать столько Item'ов, сколько элементов в массиве Pizza.
Правильнее в другом файле отрисовать Item, а в этом файле вызвать метод map и через props передать данные.
В итоге, отрисуется столько Item'ов, сколько элементов в массиве.

Как сказано в комментариях, никакой разницы.
Но 2 способ более понятный, простой и занимает меньше места.

А не проще воспользоваться методом split? В обоих примерах вы берёте последнюю часть строки. Поэтому после разделения возьмёте последний элемент, полученного массива.

b.split('_')[b.split('_').length-1] // последний элемент массива: city либо stateCode

По всей видимости cords обладает строковым типом данные (string). И когда вы прибавляете к строке 1, он добавляет её как строку.
Вот такой костыль можно применить, чтобы избавиться от этого:
cords*1+1 = 1001

Задачник по Javascript?

1) Данные (информация о товарах и т.п.) хранится на сервере. Здесь можете почитать как получать данные.
2) Передавайте данные в функцию через параметры.
3) Не совсем понятен вопрос. Если информация товары хранится как в формате json, то использовать нужно соответственно.

* {
  color: #000;
}