React Server Component能否用Hook？next-intl使用疑惑
2026-6-17
关于React Server Component中使用next-intl Hook的疑问解答
你忽略的核心点是：next-intl的
useTranslations等Hook是专门适配React Server Component（RSC）的。它内部实现了服务端友好的逻辑，在Server Component中运行时，会直接从服务端的翻译资源中获取文案，不需要依赖客户端的hydration或浏览器环境，因此无需添加"use client"指令。关于RSC中Hook的限制：确实只有特定类型的Hook才受限制，具体包括：
- 依赖浏览器专属API（如
window、document）的Hook - 涉及React状态管理（如
useState、useReducer）的Hook - 依赖副作用（如
useEffect、useLayoutEffect）的Hook - 绑定客户端交互逻辑（如
useCallback配合客户端状态）的Hook
像useTranslations这种仅做服务端文本解析、不依赖客户端环境的Hook，完全可以在RSC中正常运行。
- 依赖浏览器专属API（如
实用文档参考：
- Next.js官方文档《React Server Components》章节的「Third-Party Libraries」部分，明确说明了适配RSC的第三方库的特性
- next-intl官方文档《Server Components》章节，详细讲解了其Hook如何支持服务端渲染场景
内容的提问来源于stack exchange，提问作者mass
相关产品推荐
相关产品推荐
