react redux

react 集成 redux dome

首先 创建一个react项目 这里我使用creat-react-app 官方提供的脚手架 ，创建项目成功 后我们准备开始集成redux

首相建立一个store的文件夹 ，并在store文件夹中创建 index.js 文件 。index.js 这个文件时用来初始化 store 数据源 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021011915318463.png?x-oss-
index.js 文件主要用来合并 reducer-module中的 数据模块

reducer-module文件夹中 存储的是 对应模块的数据源 例如 表单 列表 。。。 针对于不同的模块建立不同的 reducer 这样是方便管理 操作

list 列表数据
httpdata 异步获取的数据
fenctional_data 提取数据处理的方法

在 index.js同级 新建一个action.js 里面存放 一些定义的动作常量 和方法

文件建立完成后 就开始在页面中使用
首先在app.js中 注入 store

注入之后 所有的组件都可以访问到 数据 在组件中使用 要使用 connect 链接

connect 中需要两个函数 第一个函数作用 把store的数据映射到 当前的组件中 第二个函数是 把action中的触发动作 映射到组件中
这样就完成来集成redux