Redux的简单使用

使用react-redux,redux中放的都是组件

花蝴蝶在我身边围绕围绕，码代码我唯妙唯肖，还没抓到那诀窍

1.建立store

 2.store中建立reducer

3.返回store引入reducer

 4.去掉Fragment

            开始获取接口数据                

1.在哪里用就在哪里调用这个数据调用会用到connectconnect是react-redux中的高阶组件用于链接store

 

 

2.在使用connect的组件中在建立一个mapprops.js文件在使用connect的组件中使用这是connect的两个参数先引入 

 

 3.调用获取数据的方法(这个方法可确定dispacth调用action)在使用数据的组件中的挂载后使用

 

 4.开始发送action给了store在store中作中间件处理引入action因此建立action在action文件夹中建立一个actionCreator的js文件

 

 5.异步请求数据在api文件夹建立一个js文件调取接口             

 

 6.上方数据获取后发送reducer      

 7.action发送过去后要reducer中使用

 

完成以上操做能够渲染了,若是分组件写的话接的引入connect和mapprops更改mapprops.js文件更改成文件夹：

内容仍是之前的内容由于好多地方要用因此更改

 渲染:

若是是数组存的数据:在使用这个数据的组件中拿过来就好

 

 若是是对象遍历渲染就能够了