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

1 vote253 views3 answers
How to make sticky footer with react router
Javascript React
0 vote252 views1 answer
Create loop to specific length react
Javascript React
-1 vote232 views2 answers
React js props lara css uygulama
Javascript React
1 vote210 views1 answer
Add class to react children
Javascript React
126 votes356 views4 answers
Npm create react app
Javascript React
0 vote255 views1 answer
React hooks port requst
Javascript React
0 vote261 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote267 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote253 views1 answer
Form changes button enable reactive forms
Javascript React
-1 vote268 views1 answer
How to run react native app on simulator
Javascript React