1.State:React中的状态,是只读对象,不可直接修改
2.Reducer:基本函数,用于对State的业务处理
3.Action:普通对象,用于描述事件行为,改变State
1.创建Action模块
2.创建Reducer模块
3.创建Store模块
4.通过connect方法将React组件和Redux连接起来
5.添加Provider作为项目的根组件,用于数据存储
1.首先,在谷歌浏览器中安装Redux Devtools扩展
2.yarn add redux-devtools-extension
将需要修改的state都存入到store里,发起一个action用来描述对哪些状态进行操作,
用reducers处理action如何改变state tree 。创建store的时候需要传入reducer,
真正能改变store中数据的是store.dispatch API。
Redux主要用在需要交互性复杂的场景中。可以和很多框架配合使用,如angular、vue、react
首先dispatch一个action
然后reducer会收到这个action,根据这个action对状态进行处理
状态修改后会被处理容器捕捉到
从而对相关界面进行更新
store存放状态
store只有一个
可以创建多个sub store
数据的状态是通过reducer函数根据传来的action改变的