09 元素从设计者的角度理解 React 元素慕课专栏1
需积分: 0 72 浏览量
2022-08-03
11:32:53
上传
评论
收藏 171KB PDF 举报
更新时间：2020-08-20 10:00:03
09 元素：从设计者的角度理解元素：从设计者的角度理解 React 元素元素
前言前言
React 元素是应用程序运行过程中用于描述页面结构的关键「数据/对象」。React 用元素来描述页面结构也是
React 拥有良好的性能表现的关键因素之一。本节将会介绍 React 元素的设计原理。
什么是什么是 React 元素元素
React 官方文档 - 元素渲染 中给出了元素的描述：元素是构成 React 应用的最小砖块，它描述了你在屏幕上想看
到的内容。在程序中它可以是代码示例 2.6.1这样的。
代码示例 2.6.1 使用 JSX 定义元素
上面这个有趣的标签语法既不是字符串也不是 HTML，它被称为 JSX，是一个 JavaScript 的语法扩展，它可以生成
React 元素。React 元素在程序中也可以是代码示例 2.6.2 这样的。
人生太短，要干的事太多，我要争分夺秒。——爱迪生
const element = (
<h1 className="greeting">
Hello, world!
</h1>
);
评论0