时间戳

首页 > 解决方案 > 如何使用地图多次渲染 div 元素？

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

问题描述

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

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

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

标签： javascriptreactjsmap-function

解决方案

尝试以下操作：

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

推荐阅读