We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 97b1990 commit ce6fdc5Copy full SHA for ce6fdc5
content/docs/reference-react-dom.md
@@ -70,7 +70,6 @@ React 希望服务端与客户端渲染的内容完全一致。React 可以弥
70
71
如果你执意要在服务端与客户端渲染不同内容,你可以采用双重(two-pass)渲染。在客户端渲染不同内容的组件可以读取类似于 `this.state.isClient` 的 state 变量,你可以在 `componentDidMount()` 里将它设置为 `true`。这种方式在初始渲染过程中会与服务端渲染相同的内容,从而避免不匹配的情况出现,但在 hydration 操作之后,会同步进行额外的渲染操作。注意,因为进行了两次渲染,这种方式会使得组件渲染变慢,请小心使用。
72
73
-
74
记得保证弱网环境下的用户体验。JavaScript 代码的加载要比最初的 HTML 渲染晚的多。因此如果你只在客户端渲染不同的内容,其转换可能会不稳定。但是,如果执行顺利,那么在服务端负责渲染的 shell 会对渲染提供帮助,并且只显示客户端上额外的小组件。欲了解如何在不出现标记不匹配的情况下执行此操作,请参考上一段的解释。
75
76
* * *
0 commit comments