reactjs - 如何在 React hooks 中使用静态变量

Question

与 const [open, setOpen] = useState(false)我可以创建一个变量 open它通过功能组件的调用而持久化。

但是如果我在设置变量时不想重新渲染，我可以使用哪个钩子(Hook)？

我有一个自定义钩子(Hook)草稿:

const useVariable = (initialValue) => {
  const ref = useRef();


  return useMemo(() => {
    ref.current = [initialValue, (newValue) => { ref.current[0] = newValue }]
  }, [])
}

但是根据https://reactjs.org/docs/hooks-reference.html#usememo我不能相信 useMemo 不会再次被调用。

Answer 1

如果您只想将一些数据存储在变量中并且在设置变量时不重新渲染，则可以使用 useRef 钩子(Hook)

const unsubCallback = useRef(null);

if(!unsubCallback) {
    unsubCallback.current = subscribe(userId)
}