@ziphooks/use-axios
React Hook for Requesting and Refetching API. You Can Request API More Convenient.
Installation
yarn
yarn add @ziphooks/use-axios
npm
npm i @ziphooks/use-axios
Usage
import React from "react";
import useAxios from "@ziphooks/use-axios";
function App() {
const { loading, data, error, refetch } = useAxios({
url: "API Url"
});
return (
<div>
<h1>{data && data.status}</h1>
<h2>{loading ? "Loading" : "Loaded"}</h2>
<button onClick={refetch}>Refetch</button>
</div>
);
};
Arguments
Argument | Type | Description | required |
---|---|---|---|
options | Object | An object that options for requesting API | true |
axiosInstance | Function | A function fot requesting API | false |
Return
Return value | Type | Description |
---|---|---|
loading | Boolean | A boolean that means if requesting API is over |
data | Object | An object which contains requested API's response and status |
error | Object | An object which contains error |
refetch | Function | A function that refetches the API |