React
HTML
<div id="app"></div>
React
const Tool = () => {
const toolBody = useRef(null);
const onMouseMove = useMemo(() => {
const throttled = throttle(e => console.log(e.screenX), 300);
return e => {
e.persist();
return throttled(e);
};
}, []);
return (
<div className="tool">
<div ref={toolBody} className="tool__body" onMouseMove={onMouseMove}>
Content
</div>
</div>
);
};
ReactDOM.render(
<Tool/>,
document.getElementById('app')
);
console.log('hello');