componentDidMount() { this.loadCarData(); } loadCarData(){ let dataBlob={}, //dataBlob对象 sectionIDs=[], //sectionID数组 rowIDs=[], //rowID数组 cars=[]; for (let i=0;i<carData.length;i++){ //循环遍历二维数据carData sectionIDs.push(i); //将一维下标i当作sectionID dataBlob[i]=carData[i].title; //将section数据放入dataBlob第一维 rowIDs[i]=[]; //初始化rowID数组的每个元素为一个数组 cars=carData[i].cars; //拿到每个section下的cars数组 for (let j=0;j<cars.length;j++){ //遍历section下的cars数组 rowIDs[i].push(j); //二维数组rowIDs[i][j] dataBlob[i+':'+j]=cars[j]; //将每行row数据放入dataBlob[i:j]第二维 } } this.setState({ //更新state中的数据源carData,需要传入三个参数 carData:this.state.carData.cloneWithRowsAndSections(dataBlob,sectionIDs,rowIDs) }) }
React Native中ScrollView组件轮播图与ListView渲染列表(3)
内容版权声明:除非注明,否则皆为本站原创文章。
转载注明出处:http://www.heiqu.com/5cde42880e37567ef7f6cff2f3666b80.html