ES6+webpack实现Counter

用ES6实现Counter,其中html和webpack.config.js中的内容都是没有改变的

下面贴一下js中的代码

下面有几个坑说一下:

1.设置状态的时候不可以用 getInitialState() {number:0}设置,会报错

2.属性设置用静态 static defaultProps = {}用bebel5会报错,可以用Couter.defaultProps={}定义初始属性

3.直接设置状态 state = {}也会报错,需要放在构造函数里面

4.用箭头函数代替方法,比如上面的addTodo方法用addTodo=()=>{}代替也会报错

下面贴出一网址:ES5=>ES6转换一览表,http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8/3

 

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