初识React-ES5实现Counter

真正的了解react应该是从两个月之前开始的,看的也一直是ES5的内容,开始用jsx-loader和webpack编译成浏览器能够识别的bundle.js开始,当时用ES5和自己定义了的一些mixins方法,也可以轻易的构建一些简单的SPA

好的,让我们回归原题,接下来的四篇博客我将分别用ES5+webpack,ES6+webpack,简略版本的redux和完整版的redux的写出redux官方example的Counter的例子,写这篇博客是为了记录一下自己学习react的曲线,大神请勿喷!!!

例子介绍:主要是做两个按钮分别加减一,按钮三如果是偶数加一(奇数不加),按钮四点击延时(1000ms)加一的例子

1.ES5+webpack

先看html

js代码后续的我们可以用ES5的内容去实现上面的功能

webpack内容

效果图

最终的效果是可以实现的

 

转载于:https://www.cnblogs.com/SLWForever/p/5909193.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值