1.我们可以看到,我们现在页面上将从json中获取到的数据全部显示出来,那我们如何做,才能使每次只显示10个?
2.首先在reducer的默认数据中,我们定义一个当前页和一个总页数,都默认为1:
3.在actionCreators中,我们将从json中获取到的数据分成每10个一页。
5.在reducer中,我们接收数据,并将原来的默认的totalPage替换为刚刚action请求的新的数据的页数
6.在index中,我们引入page
7.这一块将数组10个分为一组,显示在页面
8.直接使用pagList
10. 现在,我们如果点击换一换,需要实现热门搜索的换页功能
- 我们首先定义一个鼠标移入的mouseIn,默认是false,也就是鼠标没有移入热门搜索这一块区域
- 在index中,我们给Search这一块的元素绑定两个事件,分别是onMouseEnter和onMouseLeave
- 将刚刚的两个事件派发给store
- 因为使用了actionCreators,所以我们需要在actionCreators定义mouseEnter和mouseLeave
- 然后在actionTypes中添加
- 数据交给reducer处理:如果鼠标移入就将mouseIn改成true,如果移出改为false
- 在index中我们接收mouseIn