39 lines
671 B
TypeScript
39 lines
671 B
TypeScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { useCallback, useEffect, useRef } from '@wordpress/element';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns a boolean value based on whether the current component has been mounted.
|
||
|
|
*
|
||
|
|
* @return {boolean} If the component has been mounted.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
*
|
||
|
|
* ```js
|
||
|
|
* const App = () => {
|
||
|
|
* const isMounted = useIsMounted();
|
||
|
|
*
|
||
|
|
* if ( ! isMounted() ) {
|
||
|
|
* return null;
|
||
|
|
* }
|
||
|
|
*
|
||
|
|
* return </div>;
|
||
|
|
* };
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
|
||
|
|
export function useIsMounted() {
|
||
|
|
const isMounted = useRef( false );
|
||
|
|
|
||
|
|
useEffect( () => {
|
||
|
|
isMounted.current = true;
|
||
|
|
|
||
|
|
return () => {
|
||
|
|
isMounted.current = false;
|
||
|
|
};
|
||
|
|
}, [] );
|
||
|
|
|
||
|
|
return useCallback( () => isMounted.current, [] );
|
||
|
|
}
|