超级会员免费看
React与Gatsby入门指南
1. React基础：JSX与声明式渲染
1.1 JSX简介
JSX 是一种语法扩展，大多数 React 开发者使用它在 React 中进行渲染。它看起来类似 HTML 或模板语言，但实际上会被 React 解释为 JavaScript 语法。
示例：“Hello World”
const el = <h1>Hello, world!</h1>
这段代码会构建一个 HTML 元素，并准备将其插入到文档对象模型（DOM）中。实际插入操作如下：
const el = <h1>Hello, world!</h1>
ReactDOM.render(
el,
document.getElementById('root')
)
大多数 React 应用在渲染前， <body> 元素中仅包含一个 <div id="root"></div> ，React 会将 JSX 中声明的元素渲染到该 HTML 元素内。
1.2 JSX 的特性
- 表达式支持 ：JSX 允许在元素声明中使用表达式，这是 HTML 所不具备的。
订阅专栏 解锁全文
扫一扫
15
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
