MouseTracker自定义Hook每次鼠标移动都会重新渲染整个App

首页课程实战体系课手记专栏慕课教程

MouseTracker自定义Hook每次鼠标移动都会重新渲染整个App

来源：3-10 自定义 Hook - 重构 MouseTracker

weixin_慕码人4080590

2020-12-23

MouseTracker自定义Hook每次鼠标移动都会重新渲染整个App。比如说我App中同时有这个mouseTracker的自定义hook来获取position，同时有一个Hoc来获取这个狗的图片。每次鼠标移动的时候都会触发app重新render，同时会导致渲染这个狗的component重新去获取新的图片。如果能让这个自定义hook只渲染position的坐标，而不是全部内容重新渲染。

写回答

1回答

张轩

2020-12-25

同学你好你获取渲染图片的 useEffect 是不是没有加第二个数组那个参数请确认添加第二个参数为空数组[],这样 effect 就不会每次渲染完毕以后都触发了，也就可以解决这个问题。

0

0

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2128 学习 · 959 问题

相似问题

当自定义hook引入到app.js的时候，比如mousehook，当鼠标移动改变x,y的值的时候，app组件里面的console.log会一直执行

回答 1

为什么我鼠标在页面上移动的时候不停的有this is updated输出？

回答 1

为什么withloader 图片跟随着图标一直加载

回答 2

before render为什么执行了两遍

回答 2

老师，关于重新渲染组件

回答 1

打开慕课网App查看更多内容