Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(en): merge reactjs.org/main into zh-hans.reactjs.org/main @ 68f417a6 #1331

Merged
merged 5 commits into from
Oct 2, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/content/learn/referencing-values-with-refs.md
Original file line number Diff line number Diff line change
Expand Up @@ -287,7 +287,7 @@ console.log(ref.current); // 5

## ref 和 DOM {/*refs-and-the-dom*/}

你可以将 ref 指向任何值。但是,ref 最常见的用法是访问 DOM 元素。例如,如果你想以编程方式聚焦一个输入框,这种用法就会派上用场。当你将 ref 传递给 JSX 中的 `ref` 属性时,比如 `<div ref={myRef}>`,React 会将相应的 DOM 元素放入 `myRef.current` 中。你可以在 [使用 ref 操作 DOM](/learn/manipulating-the-dom-with-refs) 中阅读更多相关信息。
你可以将 ref 指向任何值。但是,ref 最常见的用法是访问 DOM 元素。例如,如果你想以编程方式聚焦一个输入框,这种用法就会派上用场。当你将 ref 传递给 JSX 中的 `ref` 属性时,比如 `<div ref={myRef}>`,React 会将相应的 DOM 元素放入 `myRef.current` 中。当元素从 DOM 中删除时,React 会将 `myRef.current` 更新为 `null`。你可以在 [使用 ref 操作 DOM](/learn/manipulating-the-dom-with-refs) 中阅读更多相关信息。

<Recap>

Expand Down
2 changes: 1 addition & 1 deletion src/content/reference/react/useMemo.md
Original file line number Diff line number Diff line change
Expand Up @@ -647,7 +647,7 @@ export default function TodoList({ todos, tab, theme }) {

切换选项卡感觉很慢,因为它迫使减速的 `List` 重新渲染。这是预料之中的,因为选项卡 `tab` 已更改,因此你需要在屏幕上展示用户的新选择。

接下来,尝试切换主题。**感谢 `useMemo` 和 [`memo`](/reference/react/memo),尽管被人为减速了,但是它还是很快**!由于作为依赖性传递给 `useMemo` 的 `todos` 与 `tab` 都没有发生改变,因此 `visibaleItems` 不会发生改变。由于 `visibleItems` 数组从上一次渲染之后就没有发生改变,所以 `List` 会跳过重新渲染。
接下来,尝试切换主题。**感谢 `useMemo` 和 [`memo`](/reference/react/memo),尽管被人为减速了,但是它还是很快**!由于作为依赖性传递给 `useMemo` 的 `todos` 与 `tab` 都没有发生改变,因此 `visibleTodos` 不会发生改变。由于 `visibleTodos` 数组从上一次渲染之后就没有发生改变,所以 `List` 会跳过重新渲染。

<Sandpack>

Expand Down