反应:元素与逻辑 AND (&&) 的引用



我使用useRef钩子来获取元素的引用,这里的问题是current对象在ref =undefined的值,为什么?,因为我使用逻辑和isTrue && (JSX),看它:

Video.jsx h5> PopupPreview.jsx h5> 是登录控制台

我想引用元素给它target的尺寸

当鼠标悬停在元素上时,ref logging在控制台作为{current: undefined},解决方案是什么,以获得正确的引用没有任何错误?

问题是您试图在变量被新呈现的组件填充之前访问它。

如果您签入useEffect,您将有权访问它。

useEffect(() => {
console.log(videoRef.current);
}, [video]);

演示地址:https://codesandbox.io/s/nifty-poitras-nml1kb?file=/src/App.js

最新更新