CSR 客户端渲染示例

客户端状态

组件已挂载：❌ 否

只有客户端才能使用 useState 和 useEffect

交互式计数器

0

点击按钮，只有客户端才能响应事件

输入框（仅客户端可交互）

你输入的内容：（空）

CSR 特点

  • 服务器返回最小 HTML
  • 浏览器下载 JS 后激活
  • 丰富的交互体验
  • SEO 较差，首屏较慢

如何验证？

  1. 右键 → 查看页面源码
  2. 看到 minimal HTML（无计数器）
  3. 打开开发者工具 → Network
  4. 看到 JS bundle 下载后页面才可交互
← 返回 Demo 首页