1.1.1 • Published 2 years ago
promise-hooks-react v1.1.1
promise-hooks-react
React Promise Hooks.
Usage
import { usePromise, useCallbackPromise } from 'promise-hooks-react';
function ComponentA() {
const [data, error, isLoading, reload] = usePromise(() => fetch(url), []);
if (isLoading) {
return 'Loading...';
}
return (
<div>
{error && <div className="error">Error: {error}</div>}
{data && (
<>
<div className="data">Response: {data}</div>
<button onClick={reload}>reload</button>
</>
)}
</div>
);
}
function ComponentB() {
const [submit, data, error, isSubmitting] = useCallbackPromise((value) => fetch(url, { method: 'POST', body: value }), []);
if (isLoading) {
return 'Loading...';
}
return (
<div>
{error && <div className="error">Error: {error}</div>}
{data && <div className="data">Response: {data}</div>}
<button onClick={submit('some value')}>submit</button>
</div>
);
}