CSR 客户端渲染示例

客户端状态

组件已挂载:❌ 否

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

交互式计数器

0

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

输入框(仅客户端可交互)

你输入的内容:(空)

CSR 特点

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

如何验证?

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