数据不够整10个的话报错!

来源：7-14 热门搜索换页功能实现

腊月24

2018-07-26

老师,我发现一个问题,当获取到的json文件的data数据只有49个的时候,那第5页的最后一个就是空的,就会报错,但我不想用if(i<newList.length)来判断,如果用的话那每次循环都会执行if语句,有没有其他的办法实现!

写回答

2回答

腊月24

提问者

2018-07-26

找到解决的办法了,可以这样

if (newList.length) {
for (let i = (page - 1) * 10; i < page * 10 && i < newList.length; i++) {
pageList.push(
<SearchInfoItem key={newList[i]}>{newList[i]}</SearchInfoItem>
)
}
}

i小于 page * 10的同时还必须比newList.length的长度小,这样获取到的数据不够整数的时候就不会报错了

sdddw23

2018-08-28

很棒哦

React零基础入门到实战，完成企业级项目简书网站开发

主流新技术 React-redux，React-router4，贯穿基础语法

5275 学习 · 2496 问题

查看课程

相似问题

SearchInfoItem 循环，若数组不为10的整数，页面会有多余的空白格补充到每页10个，并且key会报错

回答 1

老师，如果最后一页的数据没有满足10个，你这么写是不是还是会有问题

回答 2

请求到ajax数据后，使用map方法报错

回答 1

redux 数据调试界面上面数据为undefined

回答 1

使用toJS报错，用延展运算符正常执行，页面显示没问题，这是immutable的数组啊

回答 2

打开慕课网App查看更多内容