1.之前写了一篇fetch的简单用法,实际项目中数据比那个要复杂,下面看一下通过dispatch和reducer来控制数据的更新;
2.还是以上一个添加分组的组件为例:
首先我们写一个MoveGroupReducer.js文件,里面我们模拟一个数据,并且写一个方法点击选中的方法;
![](https://img-blog.csdn.net/20170920161353682?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGFuOTM3NA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2.最上面引用的defination文件如下:
![](https://img-blog.csdn.net/20170920161617769)
3.在fetchData文件下写如下内容:
![](https://img-blog.csdn.net/20170920162101923)
4.最后,我们在自己的页面中调用:
![](https://img-blog.csdn.net/20170920162328792)
![](https://img-blog.csdn.net/20170920162335723)
![](https://img-blog.csdn.net/20170920162341954)
我们在页面中用this.props.datad的话代表的是下边的data数据
![](https://img-blog.csdn.net/20170920162952372)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)