React-redux使用

• 2020 年 7 月 9 日
• 筆記
• React, 前端知识点

为什么要使用react-redux

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

如何使用

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

3. 接下来我们需要定义一个包裹组件，用来给UI组件传值。利用connect这个高阶函数，它可以给被包裹的组件传值，在组件中用props就可以拿到。

还有一种简化写法