извините, это были типичные города, а не страны

тирую через несколько объектов.[{name:"y", country:"US", cities:[obj,obj,ob]},{name:"y", country:"US", cities:[obj,obj,ob]}]

Как я могу вложить цикл, чтобы сначала перебирать объекты, а затем перебирать (в этом примере) города? Спасибо !!

Моя функция рендеринга без вложенного вида выглядит так:

render() {
  const persons = this.state.name.map((item, i) => {
    return (
      <div>
        <h5> {item.name} </h5> 
        <h5> {item.country} </h5> 
        //here I would like to show the cities
      </div>
    );
  });
  return (
    <div>
      <div className = "panel-list"> 
        All: {persons} 
      </div> 
    </div>
  );
}

Пример объекта Cities:

[{visitors:34, rating:4}, 
 {visitors:1234, rating:1},
 {visitors:124, rating:2}]

Ответы на вопрос(1)

Ваш ответ на вопрос