时间戳

首页 > 解决方案 > 如何在 ReactJS 中检查地图执行何时结束

html - 如何在 ReactJS 中检查地图执行何时结束

问题描述

**{data.listArts.items.map((art, index) => {
                    return (
                      <a className="thumbnail" key={index}>
                        <img src={art.ArtURL}/>
                      </a>
                    );})}**

我有这段代码用于在 UI 中显示多个项目。data.listArts.items 包含大约 100 个元素。

我想在此地图执行结束时调用一个函数，以便我调用的函数可以与 reactJS 中呈现的 HTML 一起使用。

标签： htmlreactjscssreact-router

解决方案

Map 没有回调（当它到达数组末尾时），但您始终可以检查是否到达最后一个元素并调用函数。

const length = data.listArts.items.length
data.listArts.items.map((art, index) => {
if(index === length -1) {
 /* invoke callback */
}
return (
  <a className="thumbnail" key={index}>
    <img src={art.ArtURL}/>
  </a>
);})

推荐阅读