React学习笔记三：demo《中》

2、轮播图处理

1）基本使用 

   a）打开antd-mobile的Carousel组件文档 Carousel组件

  b） 选择“基本”，点击“</>”，显示源码

  c）拷贝核心代码到Index组件中

  d）调整代码，让其跑起来

2）获取轮播图数据

  a）安装axios

npm i axios -S

  b）在Index组件中导入axios

  c）在state中添加轮播图数据：swipers

  d）新建方法getSwipers获取轮播图数据，并更新swipers数据

  e）在componentDidMounte钩子函数中调用该方法

  f）使用获取到的数据渲染轮播图

3）导航菜单

  a）打开Flex布局组件，Flex组件，其他步骤同上

 

3、租房小组

1）业务介绍：

  a）根据当前地理位置展示不同的信息

2）数据获取

  a）在state中添加租房小组数据：groups

  b）新建方法getGroups，通过接口拿到数据，更新groups

  c）在componentDidMount调用getGroups

3）打开Grid宫格文档  Grid组件