React JSX → 是我们学习react的核心概念

React 使用 JSX 来替代常规的 JavaScript。

JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。

我们不需要一定使用 JSX，但它有以下优点：

JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
它是类型安全的，在编译过程中就能发现错误。
使用 JSX 编写模板更加简单快速。

我们先看下以下代码：

const element = <h1>夜光</h1>;

上面这个被称为 JSX，一种 JavaScript 的语法扩展。看起来十分奇怪对吧~~

==================================================================

我们推荐在 React 中使用 JSX 来描述用户界面。

JSX 是在 JavaScript 内部实现的。

我们知道元素是构成 React 应用的最小单位，JSX 就是用来声明 React 当中的元素。

与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保浏览器 DOM 的数据内容与 React 元素保持一致。

要将 React 元素渲染到根 DOM 节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上：

夜光带你走进React.js（三）擅长的领域相关推荐

夜光带你走进React.js（七）擅长的领域
夜光序言: 一条路,人烟稀少,孤独前行.却不得不坚持前行.因为它的尽头,种着理想. 正文: React State(状态) React 把组件看成是一个状态机(State Machines). 通过与 ...
夜光带你走进Vue.js（三十）擅长的领域
夜光序言: 清晨的阳光温暖而和煦,洒在脸上,让人没有心思去考虑烦心的事情,只想沐浴在光芒中放空自己.新的一天又开始了,亲爱的人啊正文:创建一个简单的导航菜单养兵千日用兵一时,学的东西要灵活使用 & ...
React.js 三周 -- 入门到搭建团队基础项目
吐槽公司自己的产品,由于历史遗留问题,前端一直是和java放到一个项目里写的. 导致了,前端就被死死的绑在了IDEA战车上.想要看页面效果,先起几个java服务.想要调试一个改动,重启个java服务 ...
夜光带你走进微信小程序开发（三十）擅长的领域
夜光序言: 医者,是天神的使者,行医是天定的使命.医者是上天择定救人的人,有异于常人的天赋.用上天所赋予的才能行恶,用救人的药物害人,是会遭天谴的. 正文: 以道御术 / 以术识道 ...
夜光带你走进C# 游戏开发等（七十九）擅长的领域
夜光序言: 随着时间的流逝,年龄在增长,表面是如此,可内心的成长,那才是最重要的,只有这样活着才会变得更加美好,内心的成长是每个人一生的追求,我向往内心的成长,成熟正文: using System; ...
夜光带你走进C# 游戏开发等（九十二）擅长的领域
夜光序言: 如果你总是抓着悲伤不肯放手,那么你永远都不会真正地快乐. 正文: lambda表达式:更简单的使用代理 using System; using System.Collections.Gen ...
夜光带你走进微信小程序研发（三）
夜光序言: 有些人,回首在身后,再回首却是天涯有些人,抬头在眼前,再抬头不见身影人生这条路,那么多的分岔路口一群人结伴同行,走走停停反而最后只剩下自己正文: 开发工具的介绍为了帮助 ...
夜光带你走进python开发（三十九）传奇语言
夜光序言: 倔强是最难改的脾气. 假如要改,也要倔强地去改. 不用改,只有倔强的人才温柔. 怎见得呢? 譬如说,穿着讲究,就是对自己的温柔. 正文: 1. 理解文本和二进制打开方式的区别首先,用文本 ...
夜光带你走进JavaScript（五十八）擅长的领域
夜光序言: 人生旅途上,横竖都是路,决定今天的不是今天,而是昨天对人生的态度:决定明天的不是明天,而是今天对事业的作为.我们的今天由过去决定,我们的明天由今天决定~~ 正文: JavaScript 计 ...

夜光带你走进React.js（三）擅长的领域

夜光序言：

正文：

React JSX → 是我们学习react的核心概念

要将 React 元素渲染到根 DOM 节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上：

夜光带你走进React.js（三）擅长的领域相关推荐

最新文章

热门文章