1.0.0 • Published 4 years ago
@practical-react-hooks/use-axios v1.0.0
@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-axiosnpm
npm i @practical-react-hooks/use-axiosUsage
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 |
1.0.0
4 years ago