React -redux再见

66 阅读1分钟

经过这么多的铺垫我们终于把react-redux基础功能拿下了,时光荏苒,是说再见的时候了,最新的管理工具redux-toolkit登场了,虽有多年奉献,但新技术的发展必将干掉老技术,新人干掉旧人,长江后浪推前浪,不过,不要悲伤,hooks的登场也会把redux-toolkit干掉,历史的车轮滚滚转动,公平的只有时人利益。

1.进行分块管理,如果我们将大量的reducer,初识数据,constants常量数据,action对象数据,写在区区几个文件中,那这简直太可怕了,难以维护,所以需要进行分包处理

在下快我们将三种不同的数据进行分文件维护

其中上面三个文件是进行分块处理的,index,js负责统一导出

image.png

2.进行分块处理在每个分块里面都需要将reducer和action全部导出

类似以下写法

导出reducer的目的是进行合并处理 导出action的目的是为了进行派发

image.png

3.在统一导出的文件中进行合并reducer,启动redux调试工具,开启中间件函数,调用thunk中间件,创建store

image.png

4.调用问题

进行调用的时候调用state的时候肯定要去选择模块的,我去选择哪个分包内的内容这个代码是非常重要的,

正所谓有了选择我们才具有了飘飘然的权利,把项目维护好才是正道

5.实现combineReducers

image.png

————————————————

                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
                    

原文链接:blog.csdn.net/2301_791087…