React-redux使用

为什么要使用react-redux

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

如何使用

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

React-redux使用_第1张图片
3. 接下来我们需要定义一个包裹组件,用来给UI组件传值。利用connect这个高阶函数,它可以给被包裹的组件传值,在组件中用props就可以拿到。
React-redux使用_第2张图片
还有一种简化写法
React-redux使用_第3张图片

你可能感兴趣的:(React-redux使用)