rw-indirect-router v1.0.19

rw-indirect-router

createHashRouter and createHistoryRouter

import { createHashRouter, createHistoryRouter } from 'rw-indirect-router'

const routes = [
    { path: '/', name:'Home', component: () => <div>Home</div> },
    { path: '/about', name:'About', component: () => <div>About</div> },
]
const hashRouter = createHashRouter(routes)
const historyRouter = createHistoryRouter(routes)
<hashRouter.Link to="/">Home</hashRouter.Link>
<hashRouter.Link to={
    path: '/about'
}>About</hashRouter.Link>
<hashRouter.View>
    // Not 404
</hashRouter.View>
// or
<historyRouter.Link to="/" exact class active-class exact-active-class></historyRouter.Link>
<historyRouter.Link to={{
    name: 'About'
    // params
    // query
    // patch
}}></historyRouter.Link>
<historyRouter.View>
    // Not 404
</historyRouter.View>