@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.