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

Question

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

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

我想在这个映射执行结束时调用一个函数，以便我调用的函数可以与 reactJS 中呈现的 HTML 一起工作。

Answer 1

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>
);})