Guides

服务器端渲染

Radix Primitives 可以在服务器上渲染。然而,低于 18 版本的 React 中的 Primitives 依赖于水合来处理 ids。

概述

服务器端渲染或 SSR 是一种在服务器上将组件渲染为 HTML 的技术,而不是仅在客户端渲染它们。

静态渲染是另一种类似的方法。它在构建时将页面预渲染为 HTML,而不是在每次请求时。

您应该能够在这两种方法中使用我们所有的原语,例如与 Next.jsRemixGatsby 一起使用。

注意事项

低于 18 版本的 React 中的 Primitives 依赖于水合来处理 ids(用于 aria 属性),以避免服务器与客户端的不匹配错误。

换句话说,对于屏幕阅读器用户,等效于 交互时间 的体验将取决于 JS 包的下载速度。如果您希望在服务器端生成 ids 以改善这一体验,我们建议您升级到 React 18。