Skip to content

Commit

Permalink
docs: align with upstream docs (#1615)
Browse files Browse the repository at this point in the history
  • Loading branch information
loveloki authored Nov 3, 2024
2 parents fd2fd3c + 33657f6 commit b3a6807
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/content/learn/preserving-and-resetting-state.md
Original file line number Diff line number Diff line change
Expand Up @@ -480,9 +480,9 @@ label {

</Sandpack>

你可能以为当你勾选复选框的时候 state 会被重置,但它并没有!这是因为 **两个 `<Counter />` 标签被渲染在了相同的位置。** React 不知道你的函数里是如何进行条件判断的,它只会“看到”你返回的树。在这两种情况下,`App` 组件都会返回一个包裹着 `<Counter />` 作为第一个子组件的 `div`。这就是 React 认为它们是 **同一个** `<Counter />` 的原因。
你可能以为当你勾选复选框的时候 state 会被重置,但它并没有!这是因为 **两个 `<Counter />` 标签被渲染在了相同的位置。** React 不知道你的函数里是如何进行条件判断的,它只会“看到”你返回的树。

你可以认为它们有相同的“地址”:根组件的第一个子组件的第一个子组件。不管你的逻辑是怎么组织的,这就是 React 在前后两次渲染之间将它们进行匹配的方式。
在这两种情况下,`App` 组件都会返回一个包裹着 `<Counter />` 作为第一个子组件的 `div`。这就是 React 认为它们是 **同一个** `<Counter />` 的原因。你可以认为它们有相同的“地址”:根组件的第一个子组件的第一个子组件。不管你的逻辑是怎么组织的,这就是 React 在前后两次渲染之间将它们进行匹配的方式。

</Pitfall>

Expand Down

0 comments on commit b3a6807

Please sign in to comment.