什么是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 文件就搭建好了,也可以使用了!