说说Connect组件的原理是什么？

主题：connect组件的原理？

---

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Connect做了什么？

作用：connect是连接React组件与Redux store

真正连接Redux和React，它包在我们的容器组件的外一层，它接收上面的Provider提供的store里面的state和dispatch，传给一个构造函数，返回一个对象，以属性形式传给我们的容器组件

二、原理解析？

• 在原本应用组件上包裹一层，使原来整个应用成为Provider的子组件
• 接受Redux的store作为props，通过context对象传递给子孙组件上的connect

---

总结

1. Connect连接redux和react,包裹在我们容器组件外层，接收上边的Provider提供的store里state和dispatch，传给一个构造函数，返回一个对象，以属性的形式传递给我们的容器组件
2. Connect是一个``高阶函数，首先传入mapStateToProps、mapDispatchToProps，然后返回Component函数，然后将真正的Component作为参数传入，从而返回一个新的组件