javascript - 为什么我们需要 ref 来保存可变对象？

Question

useRef documentation说它可以方便地保留任何可变值。我想知道为什么我们不能仅在组件的外部范围中使用变量来实现此目的？

// the object I want to keep around
let obj;

function MyComponent() {
  useEffect(() => {
    obj =  //some code
  }, []);

  return (...)
}

它有效，不是吗？那么为什么 useRef 更好呢？

Answer 1

外部作用域中的变量在组件的实例之间共享。 useRef 将在您的组件本地创建一个可变对象(只要您的组件已挂载，它就会一直存在)。