Napoleonic Political Magnificence
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

use-abortable-fetch

2.2.0 • Public • Published

use-abortable-fetch

Build Status

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.

Keywords

none

install

npm i use-abortable-fetch

Downloadsweekly downloads

192

version

2.2.0

license

MIT

last publish

collaborators

  • avatar
Report a vulnerability