@feca-hooks/use-axios
React Hook to fetch or re-fetch api using axios easier.
How to Install
yarn
yarn add @feca-hooks/use-axios
npm
npm i @feca-hooks/use-axios
Usage
Code
import React from "react";
import useAxios from "@feca-hooks/use-axios";
function App() {
const {
response: {
loading, data, error
},
refetch
} = useAxios({ url: API_URL });
return (
<div>
<h1>{ data && data.status }</h1>
<h2>{ error && error.message }</h2>
<h3>{ loading && "fetching..." }</h3>
<button onClick={refetch}>Refetch API</button>
</div>
);
}
Arguments
Argument | Type | Description | Required | Default value |
---|---|---|---|---|
options | object | Reference | yes | undefined |
axiosInstance | object | You can choose axios instance customly. | no | defaultAxios |
Return
Return value | Type | Description |
---|---|---|
object(response , refetch ) |
object | See below |
response(loading , data , error ) |
object | Response data of fetch api. |
refetch | function | The refetch function executes when the user want to refetch api. |