12.使用ajax获取热门搜索中的推荐数据

1.将我们先将热门搜索中的推荐数据存放在一个数组中，这个数组最开始默认为空，我们在header文件夹下面的reducer中默认创建一个空数组
2.借助redux-thunk中间件完成异步操作

• 打开终端，输入：yaen add redux-thunk
• 重启npm start

3 .在src目录下的store的index中，我们需要引入redux-thunk中间件并且使用中间件
4.回到header目录下的index中，当我们聚焦的时候，我们需要使用getList(自定义的）方法获取数据ajax中的数据
5.getList需要在actionCreators中定义
6.此时我们的ajax是会报错的，因为没有api/headerList.json这个文件，我们可以在jianshu这个项目目录下，找到public，在public目录下新建一个api文件夹，在api目录下新建一个headerList.json文件（在实际开发中，这个ajax获取的是后端的接口，这里为了测试，我们先用本地的数据模拟）
7.这时候，我们就可以发现，json文件中的数据是可以获取到的
8.我们在getList获取一下json文件的data数据，
9.现在需要像store中提交请求，并将list的内容替换为我们获取的data数据：

• 在action中发出请求
• 我们在actionCreators中引入immutable
  定义changeList:
  

-在actionTypes中：

• 我们在header目录下的reducer接收dispatch派发过来的新的data，并将data数据存放在list数组中
  
  10.在header目录下的index中，我们通过getIn方法获取到最新的list
  11.在布局中，我们使用map遍历list,将获取到的数据显示在布局的推荐数据中：