React useRequest 封装的请求状态和使用方式

React useRequest 适合封装什么请求状态，如何使用？

---

import { useState, useEffect } from 'react'
 
function useRequest(url) {
  const [data, setData] = useState(null)
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState(null)
 
  useEffect(() => {
    const fetchData = async () => {
      setLoading(true)
      setError(null)
 
      try {
        const response = await fetch(url)
        if (!response.ok) {
          throw new Error(`HTTP error! status: ${response.status}`)
        }
        const result = await response.json()
        setData(result)
      } catch (e) {
        setError(e)
      } finally {
        setLoading(false)
      }
    }
 
    fetchData()
  }, [url])
 
  return { data, loading, error }
}
 
export default useRequest