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