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

ES6+webpack实现Counter相关推荐

vue +vue-router + es6 +webpack 高仿饿了么app
vue +vue-router + es6 +webpack 高仿饿了么app 刚通过某课网的教程学习了vue高仿饿了么app,由于教程是用Vue1.0编写的,现在Vue已经更新到了2.0,所以项目遇 ...
基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用
技术栈: react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router按需加载 + react-tr ...
d3力导向图增加节点_D3.js+Es6+webpack构建人物关系图(力导向图)，动态更新数据，点击增加节点，拖拽增加连线......
Java学习手记2--多线程一.线程的概念 CPU执行程序,就好比一个人在干事情一样,同一个时间你只能做一件事情,但是这样的效率实在是太低了,在你用电脑的时候,听歌就不能浏览网页,看电影就不能下载视 ...
2023高频经典前端面试题（es6+webpack+http网络+性能优化中篇，含答案）
webpack+react+redux+es6开发模式
一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入 ...
基于Vue-cli和Vux的webpack配置
基于vue-cli配置然后使用vux的webpack配置 npm i vue-cli -g // 如果还没安装 vue init airyland/vux2 projectPathcd projec ...
使用 ES6 的浏览器兼容性问题
以前对浏览器兼容性问题只是大概知道一些点,没想到这次真正着手去做的时候,还是碰到了很多问题.刚开始的时候一边解决问题,一边想着:用 IE8 的都是神经病,到后来,我发现完了,I LOVE IE. 0x ...
56 道高频 JavaScript 与 ES6+ 的面试题及答案
前端硬核面试专题前言本文讲解 56 道 JavaScript 和 ES6+ 面试题的内容. 复习前端面试的知识,是为了巩固前端的基础知识,最重要的还是平时的积累! 注意:文章的题与题之间用下划线分 ...
React,Redux,React-redux的错综复杂关系
最近了解了一些React的知识,在这里写一些关于React.js,Redux和React-redux的知识,供大家学习一.React 1.首先要知道React不是mvc框架,它只是一个库,只专注于视 ...
babel从入门到入门
博客讲解内容如下: 1.babel是什么 2.javascript制作规范 3.babel转译器 4.babel的使用 5.常见的几种babel转译器和插件 6.babel最常见配置选项 7.babe ...

ES6+webpack实现Counter

ES6+webpack实现Counter相关推荐

最新文章

热门文章