If back react

import { useHistory } from 'react-router-dom'


const [ locationKeys, setLocationKeys ] = useState([])
const history = useHistory()

useEffect(() => {
  return history.listen(location => {
    if (history.action === 'PUSH') {
      setLocationKeys([ location.key ])
    }

    if (history.action === 'POP') {
      if (locationKeys[1] === location.key) {
        setLocationKeys(([ _, ...keys ]) => keys)

        // Handle forward event

      } else {
        setLocationKeys((keys) => [ location.key, ...keys ])

        // Handle back event

      }
    }
  })
}, [ locationKeys, ])

Source: stackoverflow.com

Similar codes

0 vote306 views1 answer
Exit ios inspector in react native
Javascript React
2 votes309 views1 answer
Get current screen name react navigation
Javascript React
14 votes329 views4 answers
&& in react jsx
Javascript React
18 votes430 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote411 views1 answer
Pass status of checkbox to a function react js
Javascript React
1 vote352 views1 answer
Private route in react js
Javascript React
1 vote339 views2 answers
Shadow on view in react natice
Javascript React
0 vote320 views2 answers
React addon update
Javascript React
1 vote306 views1 answer
Yup only characters regex validation react
Javascript React
4 votes312 views2 answers
React materilize
Javascript React