使用 useRef addEventListener

问题描述

我将 useRef 用于 addEventListener 但不起作用，这里有什么问题吗？

父组件：

const parent = () => {
  const el = useRef()
  const element = el.current && el.current 

  useEffect(() => {
    if (element) {
      const scrollHandler = e => {
        console.log(e);
      };

      element.addEventListener("scroll",scrollHandler);

      return () => {
        element.removeEventListener("scroll",scrollHandler);
      };
    }
  },[element]);

  return (
    <Child ref={el} />
  )
}

子组件：

const child = React.forwardRef((props,ref) => {
  return (
    <div ref={ref}>something...</div>
  )
})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）