javascript - 如何使用map多次渲染div元素？

Question

我有一个 div 元素，我想在 React 中为数组的每个元素渲染多次。现在我正在使用map方法渲染一个组件，但是如何以这种方式渲染一个div。这就是我渲染组件的方式

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

如何以这种方式渲染 div，而不是创建组件，我想在 div 内渲染数据(this.state.shopd)。怎么做？

Answer 1

尝试以下操作:

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