Redux的基础用法详解（纯函数的概念）

前言

和vue中的vuex一样，react也有进行状态管理的工具，最近自己在学习这一块的内容所以在此记录一下

什么是Redux

Redux是JS的状态容器,提供了可预测的状态管理。JavsScript的状态容器就是装状态的容器,React中,状态就是state。因此我们所谓的JS的状态容器就是去存储状态state的容器。通常在大型项目中使用Redux进行状态管理

为什么需要Redux

1. React管理不断变化的state是非常困难的,需要通过constructor去定义state,要通过this.setState去修改这个state。
2. React是在视图层帮助我们解决了DOM的渲染过程,但是State依然是留给我们自己来管理。之前学习过的组件传值props、context等等,
3. 当没有使用redux的时候我们实现兄弟组件传值是比较麻烦的,代码很复杂冗余。

Redux的使用

1. 安装

npm init -y
npm i redux -D

2. 使用
   新建一个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