React Router: Declarative Routing for React.js

/

Core Web Native

Announcements

The Future of React Router

Examples

Basic URL Parameters Nesting Redirects (Auth)

Custom Link Preventing Transitions No Match (404)Recursive Paths Sidebar Animated Transitions Route Config Modal Gallery StaticRouter Context Query Parameters

Guides

Quick Start Primary Components Server Rendering Code Splitting Scroll Restoration Philosophy Testing Deep Redux Integration Static Routes

API

useHistory useLocation useParams useRouteMatch

<BrowserRouter>

basename: string getUserConfirmation: func forceRefresh: bool keyLength: number children: node

basename: string getUserConfirmation: func hashType: string children: node

to: string to: object to: func replace: bool innerRef: func innerRef: RefObject component: React.Component others

className: string | func activeClassName: string style: object | func activeStyle: object exact: bool strict: bool isActive: func location: object aria-current: string

initialEntries: array initialIndex: number getUserConfirmation: func keyLength: number children: node

to: string to: object push: bool from: string exact: bool strict: bool sensitive: bool

Route render methods Route props component render: func children: func path: string | string[]exact: bool strict: bool location: object sensitive: bool

history: object children: node

basename: string location: string location: object context: object children: node

location: object children: node

pattern: string params: object

history is mutable

pathname props returns

Component.WrappedComponent wrappedComponentRef: func