我想用Reactjs写这段代码怎么办

我想写下面的代码在Reactjs如何做

 @foreach($slide as $item)
    <li data-target="#caImg" data-slide-to="{{ $loop->index }}" class="{{ ($loop->first)? 'active':'' }}"></li>
@endforeach

@foreach（$slide作为$item）

@endforeach

及

@foreach（$slide作为$item）
图像}}/>
@endforeach

我的代码是JS

 {slides.map((value,index) => {
 return <li key={value.id} data-target="#carouselHomeIndicators" data-slide-to={index} className={index === 0 ? "active" : ""}/>
  })}

{slides.map（（值，索引）=>{
return

})}

只需使用地图即可

{ slide.map((item, idx) =>
    <li data-target="#caImg" data-slide-to={idx} className={idx === 0 ? "active" : ""}></li>
..

{slide.map（（项目，idx）=>

..

---

与第二个类似。

如果你不是在寻找一个Bug修复或其他东西，那么stackoveflow肯定是正确的。因此，你已经尝试了一些东西

{ slide.map((item, idx) =>
    <li data-target="#caImg" data-slide-to={idx} className={idx === 0 ? "active" : ""}></li>
..