redux

什么时候用？ 某个组件的状态，需要共享 某个状态需要在任何地方都可以拿到 一个组件需要改变全局状态 一个组件需要改变另一个组件的状态 你用react不能解决的组件通信，redux可以给你解决。 redux核心概念 store相当于一个应用的state，但是不可随意更改，必须通过action更改。 强制使用 action 来描述所有变化带来的好处是可以清晰地知道应用中到底发生了什么。 为了把 action 和 state 串起来，开发一些函数，这就是 reducer。 reducer 只是一个接收 state 和 action，并返回新的 state 的函数。 这差不多就是 Redux 思想的全部。 redux流程 1.用户触发action store.dispatch(action); 2.Store 自动调用 Reducer(Store 收到 Action 以后，必须给出一个新的 State，这样 View 才会发生变化。这种 State 的计算过程就叫做 Reducer。)，并且传入两个参数：当前 State 和收到的 Action。 Reducer 会返回新的 State 。 3.State 一旦有变化，Store 就会调用监听函数 store.subscribe(listener); listener可以通过store.getState()得到当前状态。 PS

redux 全局状态管理 react-redux 优化模块 优化redux的使用过程 npm install redux react-redux 通过react-redux 提供的provider提供器 将全局状态对象挂载到根元素的上下文上 import Provider from 'react-redux'import store from './store/store.js'...<Provider store = {store}> <App></App></Provider>... 在组件中使用全局状态值 通过react-redux 提供的connect 从跟组件的上下文上获取store对象， 通过高阶组件将获得到的store传给目标组件的props import {connect} from 'react-redux' class Son1 ... {} connect(state=>state)(Son1) 组件中修改全局状态值 不需要写组件监听 组件 -> actionCreator -> redcuer ->组件（监听更新） 组件的里的监听不用写了 actionCreator 默认做两个事情1.创建action 2.通过dispath 发送action actionCreator 使用插件之后只要 创建action 在组件里发送 react-redux

前言 　 　学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 　　 github地址： https://github.com/huangtao5921/react-antDesgin-admin （欢迎Star） 　　项目展示地址： https://huangtao5921.github.io/react-admin/ 一、认识目录文件 　 　上一篇博客 react + react-router + redux + ant-Desgin 搭建react管理后台 -- 初始化项目（一） 已经初始化了一个基本的项目，接下来认识一下整个项目目录结构： ├── config // webpack配置，里面还包含其他的文件 ├── node_modules // 项目依赖包文件夹 ├── piblic │ ├── favicon.ico // 浏览器icon │ ├── index.html // 单页面入口文件 │ ├── manifest.json ├── src │ ├── App.css // 可删除 │ ├── App.js │ ├── App.test.js // 可删除 │ ├──