跳到主要内容

React 基础

React 是用于构建用户界面的 JavaScript 库，核心思想是组件化和状态驱动视图。

学习重点​

  • JSX；
  • 组件；
  • props；
  • state；
  • 事件；
  • 条件渲染；
  • 列表渲染；
  • Hooks；
  • 组件通信。

最小组件​

function Hello({ name }) {
  return <h1>Hello {name}</h1>;
}

Hooks​

import { useState } from "react";

function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

学习建议​

先理解组件和状态，再学习路由、状态管理和性能优化。