@-ft/use-unmounted
v0.1.0
Published
React useUnmounted hook
Downloads
7
Readme
use-unmounted - react useUnmounted
hook
do async operations in useEffect, and set state safety
Usage
import { useUnmounted } from '@-ft/use-unmounted';
function MyComponent() {
const unmountedPersist = useUnmounted();
const [state, setState] = useState("Loading...");
useEffect(() => {
(async () => {
const result = await fetchSomething();
if (unmountedPersist.current) {
// if the component is unmounted, setState is not safe
return;
}
setState(result);
})();
}, [unmountedPersist, setState]);
return <div>{state}</div>;
}