mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
36 lines
753 B
Markdown
36 lines
753 B
Markdown
# `useUpdateEffect`
|
|
|
|
React effect hook that ignores the first invocation (e.g. on mount). The signature is exactly the same as the `useEffect` hook.
|
|
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import React from 'react'
|
|
import {useUpdateEffect} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const [count, setCount] = React.useState(0);
|
|
|
|
React.useEffect(() => {
|
|
const interval = setInterval(() => {
|
|
setCount(count => count + 1)
|
|
}, 1000)
|
|
|
|
return () => {
|
|
clearInterval(interval)
|
|
}
|
|
}, [])
|
|
|
|
useUpdateEffect(() => {
|
|
console.log('count', count) // will only show 1 and beyond
|
|
|
|
return () => { // *OPTIONAL*
|
|
// do something on unmount
|
|
}
|
|
}) // you can include deps array if necessary
|
|
|
|
return <div>Count: {count}</div>
|
|
};
|
|
```
|