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