Begrip: useLocation

De useLocation uit React Router geeft informatie terug over de huidige locatie, i.e. de url.

De informatie wordt teruggeven is een object dat onder meer de pathname property bevat. Deze property bevat de het huidige pad in de webapplicatie, een url als http://example.com/foo/bar?baz=qux geeft dus /foo/bar terug.

import {useLocation} from 'react-router'

const ExampleComponent: FunctionComponent = () => {
    const location = useLocation()
    
    return (
        <div>
          {location.pathname === '/home' ? <h1>Home</h1> : <h1>Not Home</h1>}
        </div>
    )
}