如何在ReactJS中检查地图执行何时结束
如何在ReactJS中检查地图执行何时结束
提问于 2018-09-28 02:58:54
**{data.listArts.items.map((art, index) => {
return (
<a className="thumbnail" key={index}>
<img src={art.ArtURL}/>
</a>
);})}**我有这段代码，用于在UI中显示多个项目。data.listArts.items包含大约100个元素。
我想在这个映射执行结束时调用一个函数，这样我所调用的函数就可以处理reactJS中呈现的超文本标记语言。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-09-28 03:03:56
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>
);})
Stack Overflow用户
发布于 2018-09-28 03:04:13
检查带索引的数组的长度
data.listArts.items.map((art, index) => {
if(data.listArts.items.length -1 == index){
//do what you want to do here may be a flag set here
}
return (
<a className="thumbnail" key={index}>
<img src={art.ArtURL}/>
</a>
);}
)}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52543507
复制相关文章
相似问题