什么是Redux?
Redux是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可独立于框架运行。
作用:通过集中管理的方式管理应用的状态。
不和任何框架绑定,不适用任何构建工具,使用纯Redux可实现计数器。
使用步骤:
- 定义一个
reducer函数
(根据当前想要做的修改返回一个新的状态) - 使用createStore方法传入reducer函数,生成一个
stores实例对象
- 使用store实例的
subscribe方法
订阅数据的变化(数据一旦变化,可以得到通知) - 使用store实例的
dispatch方法提交action对象
触发数据变化(告诉reducer你想怎么改数据) - 使用store实例
getState方法
获取最新的状态数据更新到视图中
Redux管理数据流程梳理
为了职责清晰,数据流向明确,Redux把整个数据修改的流程分成了三个核心概念:state、action和reducer
- state —— 一个对象 存放着我们管理的数据状态
- action —— 一个对象 用来描述你想怎么改数据
- reducer —— 一个函数 根据action的描述生成一个新的state