美文网首页
ES5和ES6创建组建的代码对比

ES5和ES6创建组建的代码对比

作者: 夜未殇 | 来源:发表于2017-01-05 15:37 被阅读0次

1、理解
可以把span h1 p看成类

<span />
<h1></h1>

看成对象

2、创建组建

ES 5

let  App = React.createClass({
    //渲染和刷新组建
    render: function () {
        return (
            <h1>周杰伦</h1>
        )
    }
});

ES6

class App extends  React.Component{
    render() {
        return (
            <span>
                <h1>周杰伦</h1>
                <h1>周杰伦</h1>
            </span>
        )
    }
}

相关文章

  • ES5和ES6创建组建的代码对比

    1、理解可以把span h1 p看成类把 看成对象 2、创建组建 ES 5 ES6

  • ES6基本的语法(八) Class

    ES6 Class 和 ES5 的对比和基本说明 上面的代码中定义了一个“类” 类名是 Point。constru...

  • javascript创建对象的方法。es6 class 创建对象

    (学习笔记)javascript创建对象的几种方式,以及es6 class 如何转化成es5代码创建对象 原文地址...

  • 9.ECMAScript6(ES6)- ES6中的对象字面量

    1、ES5创建对象字面量方式 2、ES6创建对象字面量方式 3、es5 对象方法 4、es6 对象方法的简写 5、...

  • 2019-06-21

    JS中ES5和ES6中set和get方法 ES5 情况一:对象已经创建,需要给上面添加setget方法 情况二:当...

  • 拓展2(ES6)

    一、ES5与ES6对比 var let const 1、ES5 声明局部变量必须使用一个立即执行函数,而ES6 使...

  • ES6语法

    ES6语法 1.ES5和ES6声明变量的方式对比 ES5中声明变量的方式: ES6中声明变量的方式: 2. var...

  • es5实现class类

    es5没有类,只有构造函数。ES6新增了class,用于创建类。本文通过es5来实现es6的class(一个Ani...

  • RN 创建、使用Component

    创建 MyComponent.js : ES6 方式创建: ES5 方式创建:(测试不通过。。。但是学习视频通过,...

  • React/React Native的ES5/ES6对照表

    最近整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能,希...

网友评论

      本文标题:ES5和ES6创建组建的代码对比

      本文链接:https://www.haomeiwen.com/subject/idezvttx.html