useRequestData

A React hook for http request

Usage

import {useRequestData} from useRequestData"
function App(){
    const [data, isLoading, forceReload] = useRequestData({
        url: "https://jsonplaceholder.typicode.com/posts",
        method: "post",
        params: { access_key: "apiKey“, query: "city" },
        body: { access_key: "apiKey", body: "city" },
        reloadDependencies: [],
    });
    return (
        <div>

        <button onClick={()=>forceReload()}>Reload</button>
        {isLoading && <h3>Loading</h3>}
        <div>{data && JSON.stringify(data)}</div>
        </div>
    )
}

Params

useRequestData(config)
where config = {
    url:string --request url,
    headers:object --request headers (optional),
    method:string  -- request method (default 'GET'),
    params:object -- request parameter (optional)
    body:object -- request body (work for methods except GET)
    triggerCondition: bool -- condition of when to trigger a request (optional)
    reloadDependencies:array -- dependencies of triggering a request (optional),
    successCallback:func -- callback function with response body as parameter body on successful request (optional),
    errorCallback:func --callback function with response body as parameter on failed response,}

Git

https://github.com/zhan006/useRequestData