我想跳过 .map
函数中的第一个,我现在做的是:
block.gallery.map((item, i) => (
<div className="gallery-item" key={i}>
{ block.gallery.length > 4 && i !== 0 ?
<div className="inner">
<img src={block.gallery[i].images.thumbnail_sm} alt={block.title} srcSet={`${block.gallery[i].images.thumbnail_md} 1x, ${block.gallery[i].images.thumbnail_lg} 2x`} className="img-fluid" title="" />
<div className="img-overlay">
<span className="img-overlay-body">{ block.gallery.length - 4 }+ <span className="hidden-xs">Foto's</span></span>
</div>
</div>
:
<img src="http://placehold.it/800x538" alt="" className="img-fluid" title="" />
}
最佳答案
所以 slice它跳过第一个
block.gallery.slice(1).map(...)
您还需要引用传递到 map 中的项目,而不是使用原始数组的索引。
block.gallery[i].images.thumbnail_sm
应该是
item.images.thumbnail_sm
关于javascript - 如何在 map 功能中先跳过,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40679613/