パッケージの詳細

react-promise-suspense

vigzmv3.8mMIT0.3.4

React hook for resolving promises with Suspense support

react, fetch, suspense, promise

readme

usePromise

React hook for resolving promises with Suspense support.

Inspired by fetch-suspense, but this one is not limited to fetch, usePromise works with any Promise.

Install

npm install react-promise-suspense --save

Example

Here's an Codesandbox example of a setTimeout delayed component.
Awaiting a fetch promise: ```js import usePromise from 'react-promise-suspense';

const fetchJson = input => fetch(input).then(res => res.json());

const MyFetchingComponent = () => { // usePromise(Promise, [inputs,],) const data = usePromise(fetchJson, [ 'https://pokeapi.co/api/v2/pokemon/ditto/', { method: 'GET' }, ]);

return

{JSON.stringify(data, null, 2)}

; };

const App = () => { return ( <Suspense fallback="Loading..."> <MyFetchingComponent /> </Suspense> ); }; ```