useUpdateEffect

React effect hook that ignores the first invocation (e.g. on mount). The signature is exactly the same as the useEffect hook.

忽略第一次调用的 react 副作用钩子（例如在 mount 上）。 标记与useEffect钩子完全相同。

Usage

  1. import React from 'react'
  2. import {useUpdateEffect} from 'react-use';
  4. const Demo = () => {
  5.   const [count, setCount] = React.useState(0);
  7.   React.useEffect(() => {
  8.     const interval = setInterval(() => {
  9.       setCount(count => count + 1)
  10.     }, 1000)
  12.     return () => {
  13.       clearInterval(interval)
  14.     }
  15.   }, [])
  17.   useUpdateEffect(() => {
  18.     console.log('count', count) // will only show 1 and beyond
  20.     return () => { // *OPTIONAL*
  21.       // do something on unmount
  22.     }
  23.   }) // you can include deps array if necessary
  25.   return <div>Count: {count}</div>
  26. };