如何使用map多次渲染div元素?

时间:2018-06-04 03:25:31

标签: javascript reactjs map-function

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

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

如何以这种方式呈现div而不是创建我想在div中呈现数据(this.state.shopd)的组件。怎么做?

1 个答案:

答案 0 :(得分:1)

尝试以下方法:

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