小 →学习笔记 |
小 →学习笔记 |
||
| 第10行： | 第10行： | ||
* 单个 [[JSX]] 本质上是单个<code>div</code>，不能将多个元素裸露出来，必须被包裹在最终的<code>div</code>里，否则无法编译渲染； | * 单个 [[JSX]] 本质上是单个<code>div</code>，不能将多个元素裸露出来，必须被包裹在最终的<code>div</code>里，否则无法编译渲染； | ||
* 与原生 HTML 不同，不再使用关键字<code>class</code>，而是使用<code>className</code>，其他类似的词语都改用[[驼峰命名法]]，例如<code>onChange</code>（HTML中的<code>onchange</code>）、<code>onClick</code>（HTML中的<code>onclick</code>）； | * 与原生 HTML 不同，不再使用关键字<code>class</code>，而是使用<code>className</code>，其他类似的词语都改用[[驼峰命名法]]，例如<code>onChange</code>（HTML中的<code>onchange</code>）、<code>onClick</code>（HTML中的<code>onclick</code>）； | ||
* React 的核心概念是组件（'''Components'''），通常以<code>App</code>作为父组件，其中包含<code><Navbar /><Footer /></code>等通过自闭合的方式导入的子组件； | |||
== 另请参阅 == | == 另请参阅 == | ||
2025年1月4日 (六) 00:28的版本
React combines HTML with JavaScript functionality into its own markup language called JSX. React also makes it easy to manage the flow of data throughout the application.
学习笔记
- 通过 ReactDOM 传递元素给 HTML 的原生 DOM 进行渲染；
- 单个 JSX 本质上是单个
div，不能将多个元素裸露出来，必须被包裹在最终的div里，否则无法编译渲染； - 与原生 HTML 不同，不再使用关键字
class，而是使用className，其他类似的词语都改用驼峰命名法，例如onChange（HTML中的onchange）、onClick（HTML中的onclick）； - React 的核心概念是组件（Components），通常以
App作为父组件，其中包含<Navbar /><Footer />等通过自闭合的方式导入的子组件；