React Axios Hooks
This npm package includes a hook for fetching data with axios. You can use it with the exact same configurations as axios.
To import:
import { useAxios, useLazyAxios } from "react-axios-hooks";// Request sent as soon as component is mounted
const { response, loading, error } = useAxios({
url: "https://yourapi.com/path/data.json",
method: "GET"
});or
// Request sent when sendRequest() is called
const [sendRequest, { response, loading, error }] = useLazyAxios();
const handleClick = () => {
sendRequest({
url: "https://yourapi.com/path/data.json",
method: "GET"
});
};To install:
npm install axios react-axios-hooks
Type definitions are provided!