服务器端渲染

Radix 原生组件可以在服务器上渲染。但是，在 React 18 之前的版本中，原生组件依赖于水合来获取 ID。

概述

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

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

你应该能够使用这两种方法来使用我们所有的基本元素，例如使用 Next.js、 Remix 或者 Gatsby。

了解了

小于 18 版本的 React 中的基本元素依赖于水合作用来获取 id（用于 aria 属性），以避免服务器/客户端不匹配错误。

换句话说，对于屏幕阅读器用户而言，等效于 Time to Interactive 的体验将取决于 JS 包的下载速度。如果你想在服务器端生成 id 以改善这种体验，我们建议升级到 React 18。