初识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内容

效果图

最终的效果是可以实现的

 

posted @ 2016-09-26 15:57  以我心系IT  阅读(259)  评论(0编辑  收藏  举报