javascript - 如何在 map 功能中先跳过

标签 javascript reactjs

我想跳过 .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/

相关文章:

javascript - React Typescript - 动态类型

javascript - css 文件出现 Jest 错误

javascript - React Native初始数据库

javascript - 使用字符串将 "path"定义为对象键

javascript - Typescript 确实分配给对象类型定义中不存在的对象属性

javascript - 需要有关在 React 应用程序中解析来自此 API 的 JSON 数据的帮助

reactjs - 如何更改material-ui slider 的拇指图标

reactjs - 如何在 react 应用程序中将外部链接显示为弹出窗口?

javascript - Angular 自定义指令范围未按预期更新

javascript - 无法使用 ng-show 更改登录按钮的名称