Как сделать элемент div несколько раз, используя карту?

Question

У меня есть элемент div, который я хочу визуализировать несколько раз для каждого элемента массива в React.Прямо сейчас я рендеринг компонента, используя метод карты, но как визуализировать div таким образом.Вот как я рендерил компонент

<div class="expndmid">
{
    this.state.shopd.map((cat) => (<ShopsCatOptions shop={cat}/>))                
}
</div> 

Как визуализировать div таким образом, вместо создания компонента. Я хочу рендерить данные (this.state.shopd) внутри div.Как это сделать?

Answer 1

Попробуйте следующее:

<div class="expndmid">
{
   this.state.shopd.map((cat) => (
      <div shop={cat}> {cat} </div>
   ))  
}
</div>