频道栏目
首页 > 程序开发 > 移动开发 > 其他 > 正文
React-Native中Array的key警告
2017-04-24 09:48:24         来源:zww学习笔记  
收藏   我要投稿

我们在项目里面,经常会用的批次渲染,比如一个列表渲染很多个item,或者一个横排或者竖排同时渲染多个数据等这种情况,一个个写显然是最笨的做法,当数据多时根本无法做到,此时很多人都会想到以下做法:

render(){

var eleArray = [];

for(var i=0;i

{ZWViewExample.examples[i].title}

{ZWViewExamdple.examples[i].render()}

)

eleArray.push(ele);

}

return(

{eleArray}

);

}

这样写确实是一个非常不错的做法,但是这样写,React-Native会报一个警告,需要你对每个item添加一个key。

解决方法就是为View加上一个key,这个key可以成为每一个View的唯一标识,根据这个标识就可以找到指定的View进行操作。

改进后的写法为:

render(){

var eleArray = [];

for(var i=0;i

{ZWViewExample.examples[i].title}

{ZWViewExamdple.examples[i].render()}

)

eleArray.push(ele);

}

return(

{eleArray}

);

}

 

点击复制链接 与好友分享!回本站首页
上一篇:MVP+多线程+断电续传 实现app在线升级库 (手把手教你打造自己的lib)
下一篇:监听软键盘的弹出与收起
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站