其实基础版的redux
,已经可以完成基本功能了,但是为了代码的规范性和逻辑性,就需要将完整版的传授给大家
我们先来看一下第一章完成的效果
目录结构
创建action.js
在redux中不推荐在在dispatch中直接写键值对类型的参数,应该是用function的写法,这样可以降低代码的耦合性,提高代码的可读性,维护起来更方便。
actions文件夹,意思是将所有的actions类型的js文件存放进去,统一管理
这是actions的内容
如何使用呢,需要在组件中导入使用
但是,还是有一点不如意的地方,比如type的类型,我总不能改一处,我的actions和reducer里都需要做更改吧,做完最后一步,就完成啦!!!
创建constant.js
是声明常量的意思
将要使用的变量名,写入到 .js
文件中在reducer
和actions
中使用
actions
reduer
这样的话我需要更改变量的时候,只需要在constant.js
中修改,其他地方就无需做修改了
以上就是简易版redux完整版
总结:
- 一般场景是用不到redux的,除非遇到无法解决的组件传递才会使用
- redux,主要分为reducer和actions
- createStore(reduer)
- reducer 分为
mapstate
(初始值),action
(actions对象) - actions 通过stroe.disptach({actions})
- actions对象,必须要有type这个key,其他自己定义