mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
29 lines
674 B
Markdown
29 lines
674 B
Markdown
# `useMountedState`
|
|
|
|
> **NOTE!:** despite having `State` in its name **_this hook does not cause component re-render_**.
|
|
> This component designed to be used to avoid state updates on unmounted components.
|
|
|
|
Lifecycle hook providing ability to check component's mount state.
|
|
Returns a function that will return `true` if component mounted and `false` otherwise.
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import * as React from 'react';
|
|
import {useMountedState} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const isMounted = useMountedState();
|
|
|
|
React.useEffect(() => {
|
|
setTimeout(() => {
|
|
if (isMounted()) {
|
|
// ...
|
|
} else {
|
|
// ...
|
|
}
|
|
}, 1000);
|
|
});
|
|
};
|
|
```
|