【共享单车】—— React后台管理系统开发手记:Redux集成开发
前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。
一、Redux基础介绍
- 单向数据流:从父组件留向子组件,兄弟组件无法共享数据
- Redux核心概念
- State:React中的状态,是只读对象,不可直接修改
- Reducer:基本函数,用于对State的业务处理
- Action:普通对象,用于描述事件行为,改变State
- Redux工作流
-
Redux安装
yarn add redux --save yarn add react-redux --save
-
Redux集成
-
创建Action模块
-
创建Reducer模块
-
创建Store模块
-
通过connect方法将React组件和Redux连接起来
-
添加<Provider />作为项目的根组件,用于数据的存储
-
Redux调试工具安装
-
在火狐中安装Redux Devtools扩展:【