小无编辑摘要 |
小无编辑摘要 |
||
| （未显示同一用户的5个中间版本） | |||
| 第9行： | 第9行： | ||
* 通过 ReactDOM 传递元素给 [[HTML]] 的原生 [[DOM]] 进行渲染； | * 通过 ReactDOM 传递元素给 [[HTML]] 的原生 [[DOM]] 进行渲染； | ||
* 单个 [[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>）； | |||
* React 的核心概念是组件（'''Components'''），通常以<code>App</code>作为父组件，其中包含<code><Navbar /><Footer /></code>等通过自闭合的方式导入的子组件； | |||
* <code>propTypes</code>可以检查类型，类似于 [[TypeScript]] 的特性，在知道 [[API]] 的返回数据类型的情况下非常有用； | |||
== 另请参阅 == | == 另请参阅 == | ||
| 第14行： | 第17行： | ||
[https://react.dev/learn Quick Start – React] | [https://react.dev/learn Quick Start – React] | ||
https://www.freecodecamp.org/learn/front-end-development-libraries/react | |||
2025年2月24日 (一) 14:11的最新版本
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 />等通过自闭合的方式导入的子组件； propTypes可以检查类型，类似于 TypeScript 的特性，在知道 API 的返回数据类型的情况下非常有用；
另请参阅
React Reference Overview – React
https://www.freecodecamp.org/learn/front-end-development-libraries/react