React + Redux + React-Redux 实现计算案例

这个篇博客是对上一篇博客 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

上一篇博客编写的ProviderReact-Redux库提供的Provider实现的原理是一样的

这里写图片描述

换了了Provider , 执行的还是可以的:

3.修改容器组件的写法

Counter.js 容器组件的写法:

1.从react-redux中导入connect函数, 该函数用来创建容器组件

2.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值