框架

React 快速参考

React 快速参考 的可打印速查表,适合快速查阅、学习和桌边参考

来源
React Documentation (react.dev)
许可证
MIT
更新时间
2026-03-27

示例

速查表包含什么

  • JSX 基础
  • 组件
  • 状态(useState)
  • 副作用(useEffect)
  • 列表与 Key
  • 事件处理
  • 条件渲染
  • Hook
  • 自定义 Hook
  • Context API

表达式与属性

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

JSX 规则

{expression}嵌入任意 JS 表达式
className替代 HTML 的 `class`
htmlFor替代 HTML 的 `for`
style={{color: 'red'}}内联样式,值为对象
<Component />自闭合标签(必须)
<> ... </>Fragment(不产生额外 DOM 节点)

下载完整速查表,获取所有章节的打印排版版本

下载 PDF

下载

选择适合你阅读方式的版本