useMountState

使用場面

非同期処理を行うevent handler

かつ、非同期処理の実行中にcomponentがunmountされる可能性があるもの

code

code:useMountState.ts

import * as React from 'react';

export const useMountState = () => {

const mounted = React.useRef(true);

// unmountされたことを検知する

React.useEffect(() => {

const cleanup = () => {

mounted.current = false;

};

return cleanup;

}, []);

return mounted.current;

};

References