javascript - useRef 钩子(Hook)中的 "current"键是什么？

Question

阅读 React 文档，有一个非常有用的钩子(Hook)可以在组件可能刷新之前保存变量的状态或引用。

除了一个问题，我完全理解这个钩子(Hook)，这就是为什么它必须有一个“当前”值而不是我想保存的变量？

我的期望:

    const myVar = useRef('Hello world!');
    return <h1>{myVar}</h1>

实际是什么:

    const myVar = useRef('Hello world!');
    return <h1>{myVar.current}</h1>

Answer 1

在 React 中，状态的改变会强制组件重新渲染。 ref 适用于您要存储的内容，即使发生更改也不会强制重新渲染。通常是 DOM 节点。

完成这项工作需要一些间接性。 ref 本身始终是同一个对象。然而，ref 的属性 - 即 current 属性 - 可能会改变。