如何在ReactJS中声明功能组件内部无状态常量

Question

我有这个组件， ；:

在内部，我有一个“const”变量（与“let”的问题相同）

const myPage = () => {
  const [myVar, setMyVar] = useState(true)
  ....
}

但是这样，当我将设置“myvar”❌时，我就不需要重新渲染组件了

然后，我写:

const myComponent = () => {
  const myVar = true
  ....
}

当然，myvar会在组件呈现❌时重新初始化（示例中，当其他状态发生变化时）

然后，我写:

const myVar = true
const myComponent = () => {
  ....
}

这样，就可以了，ℹ，但是myvar是全局的:当我返回此路由时，它不会被重新初始化

在组件内部声明变量（而不是状态）的任何方法。

Answer 1

React文档建议使用useref来保留任意可变值。所以，你可以这样做:

// set ref
const myValRef = React.useRef(true);

// ...

// update ref

myValRef.current = false;