前言
和vue中的vuex一样,react也有进行状态管理的工具,最近自己在学习这一块的内容所以在此记录一下
什么是Redux
Redux是JS的状态容器,提供了可预测的状态管理。JavsScript的状态容器就是装状态的容器,React中,状态就是state。因此我们所谓的JS的状态容器就是去存储状态state的容器。通常在大型项目中使用Redux进行状态管理
为什么需要Redux
- React管理不断变化的state是非常困难的,需要通过constructor去定义state,要通过this.setState去修改这个state。
- React是在视图层帮助我们解决了DOM的渲染过程,但是State依然是留给我们自己来管理。之前学习过的组件传值props、context等等,
- 当没有使用redux的时候我们实现兄弟组件传值是比较麻烦的,代码很复杂冗余。
Redux的使用
- 安装
npm init -y
npm i redux -D
- 使用
新建一个index.js文件,在index.js去定义相关的内容,下面我直接把关键的地方写上了对应的注释,注意要记住redux中的三个核心:store、action、reducer
// index.js的内容
const redux = require('redux')
// redux有三大块:store、action、reducer
const initState = {
count: 0
}
// 3、reduce 是去连接store和action的
const reducer = (state=initState, action) => {
switch(action.type) {
case 'INCREME