这个篇博客是对上一篇博客 React + Redux实现计算案例(优化) 的进一步优化。在上一篇博客中主要实现两个功能:1.容器组件 和 UI组件分离; 2.使用了Provider组件来提供context上下文。
其实这两个功能已经有一个库帮我们实现了,这个库就是下面将要介绍的React-Redux
这个库。
React + Redux实现计算案例(优化)这篇篇博客实现的原理与React-Redux实现的原理是一样的
1.安装React-Redux
npm install react-redux@5.0.7 --save//在react-redux-sample项目下安装react-redux,并指定版本
2.引入React-Redux中的Provider
上一篇博客编写的Provider与React-Redux库提供的Provider实现的原理是一样的
换了了Provider , 执行的还是可以的:
3.修改容器组件的写法
Counter.js 容器组件的写法:
1.从react-redux
中导入connect
函数, 该函数用来创建容器组件
2.