React：修订间差异

2025年12月10日 (三) 00:36的最新版本

由 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 />'"`UNIQ--Footer-00000000-QINU`"'等通过自闭合的方式导入的子组件；
propTypes可以检查类型，类似于 TypeScript 的特性，在知道 API 的返回数据类型的情况下非常有用；

另请参阅

React Reference Overview – React

Quick Start – React

@@ 第9行： / 第9行： @@
 * 通过 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://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
+* [https://www.bilibili.com/video/BV1uG2DBgEQ8/ React 2025漏洞解读]
+[[分类:信息技术]]