Skip to main content

components/router

Variables​

router​

router: ForwardRefExoticComponent<Pick<{ children: any; }, string | number> & RefAttributes<unknown>>

info

This component is used to navigate through the application.

Usage​

In order to use router you need to import this components first:

import {SCRoutingContextType, useSCRouting, Link, SCRoutes} from '@selfcommunity/react-core';
Usage Example:
const scRoutingContext: SCRoutingContextType = useSCRouting();
<Button component={Link} to={scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, {id: user.id})>Go to profile</Button>

or

const scRoutingContext: SCRoutingContextType = useSCRouting();
<Link to={scRoutingContext.url('profile', {id: user.id})}>Go to profile</Link>