什么是Redux以及Redux的使用

什么是Redux?

在学习React的过程中,学习Redux也是必不可少的,那么什么是redux呢,我是这么理解的

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


如何搭建Redux?

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


如图所示

action :

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

reducers:

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

store:

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


使用数据:

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

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

mapStateToProps 用来引入数据(store) 

mapDispatchToProps 用来引入 action里面的方法

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

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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容