hooks-util

some custom react hooks


$3

$3

- useFetch

包装网络请求函数的钩子，返回请求调用方法、请求的返回数据、是否正在请求的状态

``tsx
// 请求远程数据的方法
function fetchData(): Promise {
// ... http request
}

const App = () => {
// loadData 包装后的请求方法，参数和返回值跟fetchData一致
// data 和useState返回的state一样，为fetchData返回的异步数据
// loadingData 是否正在请求数据的状态
const [loadData, data, loadingData] = useFetch(fetchData, 'initialData');

return (

Load data
{loadingData &&

loading...

}

data: {data}

);
}
`

---

- useDebounceState

封装了lodash/debounce方法的钩子

`tsx
const App = () => {
const [count, setCount] = useDebounce(0, 1000)

return (

{count}

count +1

)

}
``