0.2.0 • Published 1 year ago
use-controllable-resolve v0.2.0
use-controllable-resolve
A hook to use controllable-resolve as a React hook to create a simple controllable promise resolve let you can control when to resolve promise
Demo
Installation
npm install use-controllable-resolve
Usage
useControllableResolve
import type { FC } from 'react';
import { useControllableResolve } from 'use-controllable-resolve';
export const UseControllableResolveExample: FC = () => {
const controllableResolve = useControllableResolve<number>();
const { waitResolved, resolve } = controllableResolve;
return (
<>
<button
onClick={() => {
waitResolved().then((value) => {
console.log('🚀 ~ value', value);
});
}}
>
Start
</button>
<button
onClick={() => {
resolve(100);
}}
>
Resolve
</button>
</>
);
};
API
For more detail api, view on controllable-resolve,
that use-controllable-resolve
just a wrapper with that, and provide you some hints about that.