0
点赞
收藏
分享

微信扫一扫

react18-学习笔记27-useEffect3

独孤凌雪 2022-09-03 阅读 195

react18-学习笔记27-useEffect3_前端

 只渲染一次

import React, { useEffect, useState } from "react";
interface IHelloProps {
message?: string;
}

const MouseButton:React.FC = () => {
const [like, setLike] = useState(0);
const [positions,setPosition]=useState({x:0,y:0})
useEffect(()=>{
const updateMouse=(e:MouseEvent)=>{
setPosition({x:e.clientX,y:e.clientY})
}
document.addEventListener("click",updateMouse)
return()=> (
document.removeEventListener("click",updateMouse)
)
},[])

return (
<p>x:{positions.x},Y:{positions.y}</p>
)
};

export default MouseButton;



举报

相关推荐

0 条评论