服务端组件

默认都是服务端组件

好处:可以减小客户端 JavaScript 包的大小

客户端组件

如果当前组件需要用到以下功能:

  • React hook(包括自定义 hook):如 useEffect
  • 事件处理器:如 onClick
  • 浏览器 API:如 localStorage

那么需要用到客户端组件,在文件顶部添加:'use client' 指令

hydration

是 React 将事件处理器附加到 DOM 的过程,使静态 HTML 变得交互式。