React-如何封装HOOK

1. 首先创建好react项目
2. 封装方法，创建一个ts文件，文件名一定要使用use为开头
3. 可以使用一些基本的hook来辅助封装，封装后暴露这个方法
4. 在页面中使用const 变量名 = use方法（）来调用
5. 例：

   // 动态展示当期时间的示例
   import {useEffect, useState} from 'react'
   
   const useTime = (refreshPeriod:number = 1000) => {
       const [currentTime,setCurrentTime] = useState<Date>()
   
       useEffect(() => {
           // 创建定时器，没1秒刷新一次
           const interval = setInterval(() => setCurrentTime(new Date()),refreshPeriod)
           // 每次都要清除定时器
           return () => clearInterval(interval)
       }, [refreshPeriod])
   
       return currentTime
   }
   
   export default useTime