redux 状态管理

redux的状态管理和vue不一样,它把这个功能单独摘出去了

想要使用redux先要下载载入包

创建store文件夹，在store文件夹中创建index.js

一。点击更改1,2,3的值

1.安装redux包 cnpm i add redux - S

2.导入包    import { createStore } from 'redux'

3.创建reducer 纯函数    state是初始化状态，action是传递过来的参数

4.创建状态管理

const store = creactStore（reducer）

5.导出状态管理

export default store

6. 在入口文件的index.js中导入状态管理

7.用函数包裹DOM渲染，订阅(监听)状态管理变化

在App中导入两个不同的组件list和list2

8.在list和list2中分别导入store

import store from './store'

9.渲染数据    使用store.getState可以渲染list的属性值在页面上

10.改变数据    使用store发送数据

type的值是CHANGE_LIST，进入纯函数的分支，把payload的属性值4,5,6解构赋值给state里的list