Redux简单使用
redux可以说是一个可以预测状态的容器,什么叫做可预期???
指我们在对state进行各种操作时果是一定的。即以相同的顺序对state执行相同的操作会得到相同的结果。
简单来说,Redux中对状态所有的操作都封装到了容器内部,外部只能通过调用容器提供的方法来操作state,而不能直接修改state。这就意味着外部对state的操作都被容器所限制,对state的操作都在容器的掌控之中,也就是可预测。
总的来说,Redux是一个稳定、安全的状态管理器。
这个位置我们修改count的时候也要同时修改我们的countspan,这里我们进行的是手动的绑定,这样会非常的麻烦,我们可以使用redux来进行自动的绑定
网页中使用redux的步骤;
1.引入redux核心包
2.创建reducer整合函数
reducer两个参数,reduce的返回值就是新的state的值
第一个参数state代表当前的state,可以根据这个state来生成新的state
第二个参数是一个js对象,里面会存储操作的信息
**3.通过reducer对象创建store,**将sotr中的state进行订阅,我们希望的是我们state发生变化的时候,我们的元素或者ui组件随之变化。
第一个参数是reducer,当我们调用dis函数的时候,会触发reducer函数,然后执行里面的函数,第二个参数是初始值!!!第二个参数可以在reducer(state=1,action)中分配,也可以通过下面这种方式来设置,必须设置
4.对store中的state进行订阅
用subscribe来绑定,参数是一个回调函数
5.通过dispatch派发state的操作指令
当我们调用的时候我们需要传一个对象作为参数,来指定操作类型!!!