学习笔记之JSX与React



    大写开头的JSX,我们称之为组件虚拟DOM;小写开头的JSX,我们称之为元素虚拟DOM。

    大写开头的JSX是因为createElement()要求第一个参数必须是类的构造函数,后来扩张到所有函数。

    小写开头的JSX要求createElement()的第一个参数必须是HTML标签,后来支持SVG,Math。

    Babel 转译器会把 JSX 转换成一个名为 React.createElement() 的方法调用。

    下面两种代码的作用是完全相同的:


    React.createElement() 这个方法首先会进行一些避免bug的检查,之后会返回一个类似下面

    例子的对象:


    这样的对象被称为 “React 元素”。它代表所有你在屏幕上看到的东西。React 通过读取这些对象来构建 DOM 并保持数据内容一致。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文地址:Learning React.js is easier than you think原文作者:Samer...
    sunshine小小倩阅读 4,259评论 3 41
  • HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 6,323评论 0 9
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,908评论 0 24
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,303评论 2 21
  • 我们做不了丁克一族 注定要被生活琐事牵绊 当一遍遍听着孩子叫“~妈妈~” 每日重复着昨天的事情 不管春夏秋冬 都要...
    雪野灵狐阅读 223评论 0 1