【共享单车】—— React后台管理系统开发手记：Redux集成开发

【共享单车】—— React后台管理系统开发手记：Redux集成开发

前言：以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址：https://github.com/66Web/react-antd-manager，欢迎star。

---

一、Redux基础介绍

• 单向数据流：从父组件留向子组件，兄弟组件无法共享数据

• Redux核心概念

1. State：React中的状态，是只读对象，不可直接修改
2. Reducer：基本函数，用于对State的业务处理
3. Action：普通对象，用于描述事件行为，改变State

• Redux工作流

  

• Redux安装

  yarn add redux --save
  
  yarn add react-redux --save
  

• Redux集成

1. 创建Action模块

2. 创建Reducer模块

3. 创建Store模块

4. 通过connect方法将React组件和Redux连接起来

5. 添加<Provider />作为项目的根组件，用于数据的存储

• Redux调试工具安装

1. 在火狐中安装Redux Devtools扩展：【