Link
Navigates user to provided route on click. Has similar props with<a>
element but instead ofhref
hasroute
andparams
props.
Example
tsx
import{ Link }from'mobx-route/react';import{ routes }from'@/shared/config/routing';import{ UiKitLink }from"@uikit";functionNavbar({user}) {return(<><Linkto={routes.users}>All users</Link><Linkto={routes.userDetails}params={{ userId: user.id }}>User details</Link><Linkto={"/custom-url"}replace>Custom url</Link><Linkto={"/custom-url/meme"}query={{ foo:1, bar:2}}>Url with query params</Link><Linkto={"/feed"}asChild><UiKitLinkhref=''>go to feed</UiKitLink></Link></>);}