React：修订间差异

2025年2月24日 (一) 14:11的最新版本

由 Meta 开发并维护的前端库。

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.

https://react.dev/

学习笔记

通过 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

Quick Start – React

https://www.freecodecamp.org/learn/front-end-development-libraries/react

@@ 第1行： / 第1行： @@
 由 [[Meta]] 开发并维护的[[前端]]库。
+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.
 https://react.dev/
+== 学习笔记 ==
+* 通过 ReactDOM 传递元素给 [[HTML]] 的原生 [[DOM]] 进行渲染；
+* 单个 [[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]] 的返回数据类型的情况下非常有用；
+== 另请参阅 ==
+[https://react.dev/reference/react React Reference Overview – React]
+[https://react.dev/learn Quick Start – React]
+https://www.freecodecamp.org/learn/front-end-development-libraries/react