美文网首页
学习笔记之JSX与React

学习笔记之JSX与React

作者: Pierre123 | 来源:发表于2018-02-07 11:36 被阅读0次



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

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

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

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

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

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

    例子的对象:

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

相关文章

  • 005@关于JSX语法.md

    005@关于JSX语法 转(有所更改):React入门:关于JSX语法可以参考的资料:React.js学习笔记之J...

  • 学习笔记之JSX与React

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

  • react 学习笔记 使用 jsx 语法

    react 学习笔记 使用 jsx 语法 概念 JSX 是一种 JavaScript 的语法拓展。我们推荐 rea...

  • 二、React小书学习摘记

    React.js 小书学习 之 【使用 JSX 描述 UI 信息】 从 JSX 到页面 过程图解:JSX 到页面过...

  • React 高级指导 笔记

    深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...

  • React学习笔记—JSX

    所谓JSX,是JavaScript的语法扩展(eXtension),让我们在JavaScript中可以编写像HTM...

  • React 学习笔记

    React 笔记 一、JSX 语法 疑难点class => classNamefor...

  • sublime--InstallPackage时的错误There

    学习react之初,想要学习react推荐使用的jsx,在编辑器中支持jsx语法高亮,于是开始在sublime中安...

  • React源码阅读

    React 源码阅读笔记 babel转JSX babel 更新器 React.CreateElement 传入三个...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

网友评论

      本文标题:学习笔记之JSX与React

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