javascript - useRef 和普通变量的区别

Question

我想知道这两个代码之间的区别
1:

import React from "react";
import ReactDOM from "react-dom";


function App() {
  const myref = React.useRef(0);

2:

import React from "react";
import ReactDOM from "react-dom";

let myref = 0;
function App() {
 

现在在任何时候我都可以改变这两个值，并且都保存在 dom 中。它们在用法上有什么区别。

Answer 1

我认为区别在于组件打包和导出。假设您导入 App从文件中，这并不意味着整个文件被导出，这是一个模块，只有导出的App组件被导出。所以当你使用 ref 时，你可以在不超出组件范围的情况下访问持久变量，所以在导出时仍然可以使用它。

另外，您将如何区分 App 的多个实例？可能需要具有相同变量的不同值的组件？ useRef()自动区分那些。