← 返回渲染测试

客户端渲染 (CSR)

💻 什么是客户端渲染？

使用 'use client' 标记的组件在浏览器中渲染， 可以使用 React hooks、浏览器 API、事件处理等客户端特性。

📊 客户端数据

组件挂载时间：

加载中...

客户端数据：

加载中...

🎮 交互示例

0

✅ 这种交互只能在客户端组件中实现

⚖️ 何时使用 CSR？

✅ 适合

  • 交互式组件（表单、按钮）
  • 使用 React hooks
  • 浏览器 API（localStorage、window）
  • 实时更新（WebSocket）

❌ 不适合

  • SEO 关键内容
  • 初始数据获取
  • 静态内容
  • 需要快速 FCP 的页面