指南

服务端渲染

Radix Primitives 可以在服务端渲染。但是,React 18 以下版本的 Primitives 依赖于 hydration 来生成 id。

概述

服务端渲染(SSR)是一种在服务器上将组件渲染成 HTML 的技术,而不是仅在客户端渲染。

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

你应该能够在这两种方法中使用我们所有的基础组件,例如 Next.jsRemixGatsby

注意事项

React 18 以下版本的 Primitives 依赖 hydration 来生成 id (用于 aria 属性),以避免服务端/客户端不匹配错误。

换句话说,屏幕阅读器用户的“可交互时间”将取决于 JS bundle 的下载速度。 如果你想在服务端生成 id 以改善这种体验,我们建议升级到 React 18。

上一篇组件组合
下一篇手风琴