Begrip: Navigate

De useNavigate hook geeft een functie terug die exact één argument heeft, de URL waarnaar genavigeerd moet worden. Dit kan een absoluut pad zijn, zoals /class, maar kan ook een negatief getal zijn, zoals $-1$. Hier betekent de $-$ dat we terug willen gaan in de navigatiegeschiedenis en de $1$ dat we één pagina terug willen gaan. Een parameter $-5$ zou dus betekenen dat we 5 pagina's terug willen gaan.

import {useNavigate} from 'react-router'

const ExampleComponent: FunctionComponent = () => {
  const navigate = useNavigate()
    
  return (
    <button onclick={() => navigate(-1)}>Go back</button>
  )
}