React Router

• Addon/Library für React
• Verlinkt eine eingegebene Adresse mit den Unterseiten der App
• (http://.../pfad mit \<BrowserRouter>)
• Installation über npm: npm install react-router-dom
• Docs
• index.tsx:

root.render(
    <React.StrictMode>
        <BrowserRouter>
            <App/>
        </BrowserRouter>
    </React.StrictMode>
);

useParams

• wird genutzt, um Variablen aus der URL zu lesen
• http://.../:id <- Wird mit einem Doppelpunkt eingeleitet

function EventDetailPage() {
    
    const params = useParams();
    const id: string | undefined = params.id;
    
    const event: fetchEvent(id);
    
    return(
        <EventCard event={event} />
    );
}