react veevent listener用法reacthooks理解
`veEventListener()` 是一种用来从特定的事件目标(element)中移除事件(listener)的方法。 在React中,使用 `useEffect()` 定义副作用的同时,也可以使用 `window.addEventListener()` 添加事件。当组件卸载时,我们也应该使用 `useEffect()` 与 `veEventListener()` 来移除事件。例如:
```
import { useEffect } from 'react';
function Component() {
  useEffect(() => {
    function handleResize() {
      // 处理窗口调整大小事件的逻辑
    }
    window.addEventListener('resize', handleResize);
    return () => {
      veEventListener('resize', handleResize);
      // 在组件卸载时调用,移除事件
    };
  }, []);
  return (
    // 组件的渲染部分
  );
}
```
上面代码中,在组件挂载时我们会添加一个监听window Resize事件的函数,然后在组件卸载时,我们使用 `return` 函数中的 `veEventListener()` 方法来移除该事件。在这个例子中我们传递了一个空依赖数组给 `useEffect()`,因此这个 effect 只会在最初渲染时调用一次。这是因为 Resize 事件在浏览器中是永久存在的,所以我们不需要重复添加。