Skip to content

Commit 4b39247

Browse files
update
1 parent 582e5a3 commit 4b39247

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/content/reference/react/useId.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -179,9 +179,10 @@ input { margin: 5px; }
179179
180180
`useId` 的主要好处是 React 确保它能够与 [服务端渲染](/reference/react-dom/server)一起工作。 在服务器渲染期间,你的组件生成输出 HTML。随后,在客户端,[hydration](/reference/react-dom/client/hydrateRoot) 会将你的事件处理程序附加到生成的 HTML 上。由于 hydration,客户端必须匹配服务器输出的 HTML。
181181
182-
使用递增计数器非常难以保证这一点,因为客户端组件被 hydrated 处理后的顺序可能与服务器 HTML 发出的顺序不匹配。通过调用 `useId`,你可以确保 hydration 正常工作,并且服务器和客户端之间的输出将匹配。
182+
使用递增计数器非常难以保证这一点,因为客户端组件被 hydrate 处理后的顺序可能与服务器 HTML 发出的顺序不匹配。通过调用 `useId`,你可以确保 hydration 正常工作,并且服务器和客户端之间的输出将匹配。
183183
184184
在 React 内部,调用组件的“父路径”生成 `useId`。这就是为什么如果客户端和服务器的树相同,不管渲染顺序如何,“父路径”始终都匹配。
185+
185186
</DeepDive>
186187
187188
---

0 commit comments

Comments
 (0)