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

Question

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

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

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

Answer 1

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

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