@practical-react-hooks/use-axios

React Hook to make HTTP requests with allowing to set configurations and customizations

Installation

yarn

yarn add @practical-react-hooks/use-axios

npm

npm i @practical-react-hooks/use-axios

Usage

import React from "react";
import useAxios from "@practical-react-hooks/use-axios";

const App = () => {
  return (
    const { loading, error, data, refetch } = useAxios({
      url: "API url"
    })
    <div className="App">
      <h1>{data && data.status}</h1>
      <h2>{loading && "Loading"}</h2>
      <button onClick={refetch}>Refetch</button>
    </div>
  );
};

Arguments

|Argument|Type|Description|Required| |:---:|:---:|:---:|:---:| |options|objects|Object to make HTTP requests|yes| |axiosInstance|objects|To set configurations and customizations of axios|no|

Return

|Return value|Type|Description| |:---:|:---:|:---:| |loading|boolean|When loading is finished return flase or not true| |error|string|Let know error message| |data|objects|Object from API request| |refetch|Function|Function to make reloading|