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

 

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