diff --git a/src/content/learn/referencing-values-with-refs.md b/src/content/learn/referencing-values-with-refs.md index a36e1957f4..0791c12f1e 100644 --- a/src/content/learn/referencing-values-with-refs.md +++ b/src/content/learn/referencing-values-with-refs.md @@ -287,7 +287,7 @@ console.log(ref.current); // 5 ## ref 和 DOM {/*refs-and-the-dom*/} -你可以将 ref 指向任何值。但是,ref 最常见的用法是访问 DOM 元素。例如,如果你想以编程方式聚焦一个输入框,这种用法就会派上用场。当你将 ref 传递给 JSX 中的 `ref` 属性时,比如 `
`,React 会将相应的 DOM 元素放入 `myRef.current` 中。你可以在 [使用 ref 操作 DOM](/learn/manipulating-the-dom-with-refs) 中阅读更多相关信息。 +你可以将 ref 指向任何值。但是,ref 最常见的用法是访问 DOM 元素。例如,如果你想以编程方式聚焦一个输入框,这种用法就会派上用场。当你将 ref 传递给 JSX 中的 `ref` 属性时,比如 `
`,React 会将相应的 DOM 元素放入 `myRef.current` 中。当元素从 DOM 中删除时,React 会将 `myRef.current` 更新为 `null`。你可以在 [使用 ref 操作 DOM](/learn/manipulating-the-dom-with-refs) 中阅读更多相关信息。 diff --git a/src/content/reference/react/useMemo.md b/src/content/reference/react/useMemo.md index 3085fcc45c..e2ec06f051 100644 --- a/src/content/reference/react/useMemo.md +++ b/src/content/reference/react/useMemo.md @@ -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` 会跳过重新渲染。