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 vote297 views1 answer
React features
Javascript React
1 vote337 views1 answer
Npm react redux logger
Javascript React
0 vote330 views2 answers
Unexpected template string expression reactjs
Javascript React
93 votes261 views6 answers
React router dom install
Javascript React
15 votes282 views6 answers
React Form
Javascript React
1 vote319 views1 answer
How to create round image in react native
Javascript React
18 votes293 views6 answers
React native android build
Javascript React
16 votes282 views6 answers
Usestate in react
Javascript React
0 vote294 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote315 views1 answer
Reset navigation to specific tab react-navigation
Javascript React