什么是Redux以及Redux的使用

Posted 2023-03-22

参考技术A 在学习React的过程中，学习Redux也是必不可少的，那么什么是redux呢，我是这么理解的

            redux 就相当于 vuex ，就是数据状态管理模式，当我们要做的项目中有很多组件需要共享数据时，这时候就可以用 redux 搭建。 

搭建Redux，一般要先创建三个文件夹

     这里面用来方法。这个方法用来触发 reducers 里面的处理逻辑。因为方法里面会返回两个字段，一个 type 字段用来表示字符串，另一个 data ，用来调用action 里面的方法时传递过来的参数。

     这里面用来定义store里面的数据和处理逻辑。处理逻辑通常使用 switch case 来选择对应的action传递过来的type 类型进行处理 。

     这里面会导出 reducer 封装好的数据。

在 index.js 里面使用 provider 这个组件，将根组件和我们引入的store 联系起来。这样根组件中的所有组件都可以使用redux

在具体的某个组件中，引入 connect 方法，该方法用来将 mapStateToProps mapDispatchToProps 和当前组件关联起来

mapStateToProps 用来引入数据(store) 

mapDispatchToProps 用来引入 action里面的方法

使用this.props.store的名称 来获取redux里面的数据 

使用 this.props.actios的名称 来获取action里面的方法

这样，一个 React 文件就搭建好了，也可以使用了！