第三章

💻 应用开发

⏱️ 15 分钟中级

1. 创建组件

export default function Home() {
  const [count, setCount] = useState(0)
  return &lt;div&gt;&lt;button onClick={() => setCount(count + 1)}&gt;{count}&lt;/button&gt;&lt;/div&gt;
}

2. 使用 TypeScript

interface Props {
  title: string
}

function Card({ title }: Props) {
  return &lt;div&gt;{title}&lt;/div&gt;
}

3. 性能优化

const data = useMemo(() => {
  return expensiveComputation()
}, [dependency])