useRef:

曾经我只是用useRef的一半功能：记录并track DOM元素，但useRef的本质是保存一个额外的不变对象，即不随着组件渲染而重新耗费内存创建一个 duplicate。官方文档说明如下

// https://zh-hans.reactjs.org/docs/hooks-reference.html#useref

“…然而，useRef() 比 ref 属性更有用。它可以很方便地保存任何可变值，其类似于在 class 中使用实例字段的方式。

这是因为它创建的是一个普通 Javascript 对象。而 useRef() 和自建一个 {current: …} 对象的唯一区别是，useRef 会在每次渲染时返回同一个 ref 对象。…”