直接调用函数时反应useEffect null ref

Question

为什么直接在myRef.current内部使用函数而不是将其放在useEffect参数内部的箭头函数中，为什么useRef为空。

这将不起作用，并且会抛出

  

TypeError：无法读取null的属性“ addEventListener”。

我的组件：

function Mycomponent(props){      
  let myRef = useRef(null);    
  useEffect(myFunction(myRef),[]);  
  return(
    SOME COMPONENT...
  );    
}

这将起作用：

function Mycomponent(props){      
  let myRef = useRef(null);    
  useEffect(()=>{ 
    myFunction(myRef);
  },[]);
  return(
    SOME COMPONENT...
  );    
}

编辑：

function myFunction(component){      
  component.current.addEventListener("click", handleClick);    
}