use-abortable-fetch
v3.0.3
Published
[![Build Status](https://travis-ci.org/mauricedb/use-abortable-fetch.svg?branch=master)](https://travis-ci.org/mauricedb/use-abortable-fetch)
Downloads
2,749
Readme
use-abortable-fetch
React hook that does a fetch and aborts when the components is unloaded or a new fetch request is started.
Installation
npm install use-abortable-fetch
or
yarn add use-abortable-fetch
Example usage:
import React from 'react';
import useAbortableFetch from 'use-abortable-fetch';
const ChuckNorrisJoke = () => {
const { data, loading, error, abort } = useAbortableFetch(
'//api.icndb.com/jokes/random/?limitTo=[nerdy]&escape=javascript'
);
if (loading) return <div>Loading...</div>;
if (error) return <div>Error: {error.message}</div>;
if (!data) return null;
return <div>Joke: {data.value.joke}</div>;
};
export default ChuckNorrisJoke;
See this CodeSandbox for a running example.