Begrip: Navigate

De Navigate component wordt aangeboden door React router en kan gebruikt worden om de gebruiker door te sturen naar een nieuwe locatie zonder dat er op een link gedrukt moet worden.

Deze component wordt typisch gebruikt om het renderen van een andere component vroegtijdig af te breken, bijvoorbeeld als er niet voldaan is aan een bepaalde voorwaarde (ingelogd, rechten, ...).

De Navigate component heeft één property to waarmee het pad waarnaar de gebruiker doorverwezen moet worden aangeduid wordt.

import {Navigate} from 'react-router'

const ExampleComponent: FunctionComponent = () => {
    
    if (someCondition) {
        return <Navigate to={'/login'}/>
    }
    
    return (
        <>
            ...
        </>
    )
}