首页 > 其他分享 >react event 防抖传参

react event 防抖传参

时间:2023-01-11 17:26:23浏览次数:38  
标签:传参 current 防抖 zrMouseMoveFn react chartObjRef event

  // echarts图表设置完毕后,添加事件监听,才用lodash.js的防抖函数
  useEffect(() => {
    
    const zrMouseMove = (event) => {
      console.log('[测试]event', event.event.x, event.event.y, event);
    };
    const zrMouseMoveFn = _.debounce(zrMouseMove,100)

    if (chartObjRef.current) {
      chartObjRef.current.getZr().on('mousemove', zrMouseMoveFn);
    }
    return () => {
      chartObjRef.current.getZr().off('mousemove', zrMouseMoveFn);
    }
  }, [chartObjRef?.current)

 

标签:传参,current,防抖,zrMouseMoveFn,react,chartObjRef,event
From: https://www.cnblogs.com/sangzs/p/17044364.html

相关文章

  • Spring 缓存 key 使用数组传参
    出错使用@Override@Cacheable(cacheNames="cacheName",key="T(java.lang.String).join(#envKey)")publicObjectjoin(String...envKey){r......
  • react-native启动时报错Execution failed for task ':app:checkDebugAarMetadata'
    报错内容如下:FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:checkDebugAarMetadata'.>Multipletaskactionfailur......
  • React练习实例-TodoList
    目标顶部输入框中输入任务(字符串),敲击回车键后,中间新出现一个代办项鼠标放在单个代办项,右侧出现删除按钮,点击删除代办项选中多个代办项,点击右下角“清除已完成”按钮,删......
  • react使用echart绘制地图
    一:导入静态文件import{useEffect,useRef}from'react'import*asechartsfrom'echarts'import{DownLoadPath}from"./data-overview/type"import{ECHART......
  • react-native启动时报错Could not determine the dependencies of task ':app:preDebu
    报错如下:需要修改node_module中的@react-native-community/viewpager文件,如下:再次启动即可。......
  • electron与react直接通讯
    https://www.electronjs.org/zh/docs/latest/api/ipc-renderer main.jsmainWindow.webContents.on('did-finish-load',()=>{console.log(128888888,process.a......
  • Vue 跳转页面传参
    初创建于:2022-07-0811:03要在vue中跳转页面时传递参数,首先需要引入useRoute与useRouter:import{useRouter,useRoute}from'vue-router';constroute=use......
  • VUE 防抖简单实现
    防抖代码实现:exportclassDebounce{staticcurrent:Debounce=newDebounce();staticasyncInvoke<T>(func:()=>Promise<T>,timeout:number=300)......
  • React+TS请求方法参考
    React+TS请求规范 安装:axiosnpminstallaxios 新增请求文件在src目录里面新建api文件夹在api文件夹里面新建request.ts用于发起请求在api文件夹......
  • JavaScript 防抖和节流
    JavaScript防抖和节流是两种常见的性能优化技术,用于减少函数的执行次数。防抖(debounce)是指在一段时间内,如果有多次触发事件,则只执行最后一次事件。节流(throttle)是指在一......