代码之家 › 专栏 › 技术社区 › gene b.

无法使用“this.refname.current”从useEffect访问Ref

reactjs

gene b. · 技术社区 · 3 年前

我这里缺少一些简单的东西,我需要访问 useEffect 。调试器显示 this 是未定义的,因此我不能 this.refOverlay.current; .

// Ref
const refOverlay = useRef(null); 

// Sample useEffect that references it
useEffect(() => {
    if (props.mode === 'new') {
        let b = this; // Undefined
        let a = this.refOverlay.current; // Error on this line
        if (a) {
            console.log('ok');
        }
    }
}, [props.mode]);

...
return (
{/* JSX Definition */}
        <OverlayTrigger ref={refOverlay} trigger="click" rootClose placement="bottom" overlay={popoverApprover}>
            <a href="javascript:void(0)" className="more-info">TEST</a>
        </OverlayTrigger> 
);

0 回复 | 直到 3 年前

windmaomao 3 年前

没有这样的 this 在功能组件中。

  const Title = () => {
    const ref = useRef(null)
    
    useEffect(() => {
      if (ref.current) {
        ref.current.WHATEVERYOUWANTHERE
      }
    }, [])
  }

注意:类和函数组件之间的一些差异