React-redux使用

为什么要使用react-redux

  • 由于redux的store与组件的耦合度太高所以，我们用react官方提供的react-redux可以使两者耦合度降低，更好的实现模块化开发。
  • react-redux使我们使用store更加的方便简洁

如何使用

  1. 首先store，reducer， actions的创建方式不变，我们只把在组件中用store API方式换成了高阶组件的方式
  2. /index.js/入口文件中，我们把根组件渲染到页面我们需要如下的书写方式：

在这里插入图片描述
3. 接下来我们需要定义一个包裹组件，用来给UI组件传值。利用connect这个高阶函数，它可以给被包裹的组件传值，在组件中用props就可以拿到。
在这里插入图片描述
还有一种简化写法
在这里插入图片描述

posted @ 2020-07-09 16:53  jacksonni  阅读(163)  评论(0)  编辑  收藏  举报