React 是一个由 Facebook 开发的专注于 UI 层的 JavaScript 库,通过组件化、声明式编程和虚拟 DOM 实现高效、可维护的界面开发;支持 JSX 语法、函数/类组件、状态管理及 Hooks 等核心特性。

React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并开源。它不是全栈框架,只专注在 UI 层——把界面拆成独立、可复用的组件,再用声明式的方式描述状态变化时界面“应该长什么样”,而不是手动操作 DOM。
JSX:逻辑与结构写在一起
JSX 不是 HTML,也不是字符串,而是 React 元素的语法糖。它会被 Babel 编译成 React.createElement() 调用。比如:
Hello, {name}
→ React.createElement('h1', null, 'Hello, ', name)
关键点:
立即学习“Java免费学习笔记(深入)”;
- 必须引入 React(即使没显式调用,JSX 编译后仍依赖它)
- 表达式用 {} 包裹,不能写 if/for 语句,但可用三元、逻辑运算或提前计算
- 标签必须闭合,自闭合标签写成
,组件名首字母必须大写(
✅, ❌) - 默认防 XSS,内容会自动转义({userInput} 是安全的)
组件:UI 的基本单元
组件是接受 props、返回 JSX 的函数或类,是 React 的核心抽象。所有界面都由组件组合而成。
两类主流写法:
标签: react javascript java html js facebook 栈
还木有评论哦,快来抢沙发吧~