react-router5

Installation

Install module react-router5:

`sh
yarn add react-router5
# or
npm install --save react-router5
`

Demos and examples

Codesandbox link

Provider

- RouterProvider: adds your router instance and router state in context.

`javascript
const AppWithRouter = (



)
`

Connecting components

You can connect your components using three different methods:

- Higher-order components: withRouter, withRoute and routeNode
- Render props: Router, Route and RouteNode
- Hooks: useRouter, useRoute and useRouteNode

| | HoC | Render prop | Hook |
| ------------------------ | ------------ | ----------- | -------------- |
| Use your router instance | withRouter | Router | useRouter |
| Connect to routing state | withRoute | Route | useRoute |
| Connect to a route node | routeNode | RouteNode | useRouteNode |

Link components

- BaseLink: a component to render hyperlinks. For a full list of supported props, check the source!
- Link: Link is withRouter and BaseLink composed together
- ConnectedLink: same as Link, except it re-renders on a route changes.

`javascript
import React from 'react'
import { Link } from 'react-router5'

function Menu(props) {
return (


export default Menu
``