在 React 中,有 renderToString 和 renderToStaticMarkup。
据我所知,renderToString 保留了所有的react-id 属性,这使得加载速度变慢。那么什么时候使用 renderToString 实际上更好?
最佳答案
tl;dr - 如果您的服务器呈现的页面需要在客户端上进行交互,那么您需要 renderToString
,否则renderToStaticMarkup
工作正常。
与编程中的大多数事物一样,每种事物都有其权衡:
renderToString
<第> renderToStaticMarkup
data-react*
生成的标记的属性,当您运行 hydrate
时,React 使用这些属性在客户端上使页面具有交互性。data-*
属性,它看起来像纯 HTML。您无法使这样的页面与hydrate
交互。 .react
和react-dom
在您的客户端包中(用于滋润并使应用程序具有交互性。react
或react-dom
在你的客户端包中(事实上,你可以在客户端没有 JS - 非交互式页面)。因此,您可以享受 React 构建 UI 的好处,而无需为此类静态站点添加 JS关于reactjs - React - renderToString 和 renderToStaticMarkup 有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33427226/