React-redux 用来辅助redux的
解决频繁引入store
每个组件都必须进行事件订阅
组件拆分(UI )
react-redux中主要引用了2个组件 Provider connect
主要由两个功能组成:一个是context跨组件传值
另一个是高阶组件
安装 React-redux
cnpm install react-redux -S
or
yarn add react-redux
引入 Provider,用来包裹根组件,proivder自身有一个属性叫store,必须接收一个值,值也叫store
![](https://app.yinxiang.com/shard/s24/res/6a92b464-0b78-447a-9772-b63a60875a43.png?search=react)
父组件包裹子组件,子组件内部引入connect,把需要包裹的组件放在第二个参数内,
第一个参数 的第一个参数,这个参数是一个函数返回一个对象 ,在当前组件内通过this.props进行接收
第一个参数 的第二个参数,当前参数专门用来写事件、写方法,也是一个函数返回的是个对象,当前参数中有一个参数是dispatch
![](https://app.yinxiang.com/shard/s24/res/20e1d543-f457-441a-a1b2-24c7f973e8f5.png?search=react)