react18-学习笔记30-正确的方式实现urlLoader

import React, { useEffect, useState } from "react";
import axios from "axios"
 
const useMouseButton= (url:string,deps:any[]=[]) => {
  const [data, setData] = useState<any>(null);
  const [loading,setLoading]=useState(false)
 useEffect(()=>{
    setLoading(true)
    axios.get(url).then(res=>{
      setData(res.data)
      setLoading(false)
    })
 },deps)
 return [data,loading]
  
};
 
export default useMouseButton;