npm i @react-hook/previous
A React hook that stores a value from the previous render.
import * as React from 'react'
import usePrevious from '@react-hook/previous'
const useChanged = (onChange) => {
const [status, setStatus] = React.useState('off')
const prevStatus = usePrevious(status)
React.useEffect(() => {
if (status !== prevStatus) onChange()
}, [status])
return [status, setStatus]
}const usePrevious: <T extends any>(
value: T,
initialValue?: T | undefined
) => T | undefined| Argument | Type | Default | Required? | Description |
|---|---|---|---|---|
| value | T |
Yes | The current value | |
| initialValue | T | undefined |
undefined |
No | The value returned by the hook when the current value has not yet changed |
MIT