React hooks - 自定义hooks

是草莓味的啊

于 2024-05-23 09:38:33 发布

阅读量613

点赞数 2

CC 4.0 BY-SA版权

分类专栏： React 文章标签： react.js

本文链接：https://blog.youkuaiyun.com/weixin_43908649/article/details/139136592

自定义hooks

- - - 自定义封装鼠标位置的 hook
    - 自定义封装秒数倒计时的 hook

在 src 目录下新建 hooks/index.ts 模块，自定义hooks都写在这里，自定义hooks都以use开头

自定义封装鼠标位置的 hook

export const useMousePosition = (delay:number = 0) => {
   
   
  const [position, setPosition] = useState({
   
    x: 0, y: 0 }) // 鼠标的位置
  useEffect(() => {
   
   
    let timeId : null | NodeJS.Timeout = null
    const mouseMoveHandler = (e: MouseEvent) => {
   
   
      if(timeId !== null) return 
      timeId = setTimeout(() => {
   
   
         console.log(