Skip to content

RouteView

Creates route view.

Example

tsx
import{ RouteView, RouteViewProps }from'mobx-route/react';import{ routes }from'@/shared/config/routing';interfaceFeedPagePropsextendsRouteViewProps<typeofroutes.feed> {}constFeedPage=({params}:FeedPageProps)=>{const{feedName}=paramsreturn(<div>Feed {feedName}</div>)}functionRouting() {return(<><RouteViewroute={routes.feed}view={FeedPage} /><RouteViewroute={routes.users}view={UsersPage} /><RouteViewroute={routes.userDetails}lazyView={async()=>(awaitimport('@/pages/users/:userId')).UserDetailsPage}loader={GlobalLoader}/><RouteViewroute={routes.userDetails}>{(params,route)=>(<div>{params.userId}</div>)}</RouteView></>);}

Released under the MIT License.