A module to aid bringing configurable routes to react-router v4.x
npm install strange-routerA module to aid bringing configurable routes to react-router v4
Lead Maintainer - William Woodruff
> See also the API Reference
``bash`
npm install strange-router
`js
const routes = [
{
path: 'first', // matches '/first'
component: MyComponent,
childRoutes: [
{
path: 'second', // matches '/first/second'
childRoutes: [
{ path: 'third', component: ThirdComponent }, // matches '/first/second/third'
{ redirect: { to: '/404' } } // catch all, redirects to absolute path '/404'
]
},
{ redirect: { from: 'oldPath', to: 'newPath' } } // '/first/oldPath' will redirect to '/first/newPath'
{
path: 'newPath',
component: NewStuff,
onWillMount: ({ route, match, location, history }) => {
fetchSomeData();
},
onDidMount: ({ route, match, location, history }) => {
logSomething();
},
onWillUnmount: ({ route, match, location, history }) => {
cleanup();
},
componentDidCatch: ({ err, info, route, match, location, history }) => {
handleErr(err);
// and / or
history.replace('/onErr', { err, info });
}
},
{ redirect: { to: '/404' } } // catch all, redirects to absolute path '/404'
]
},
{
path: '404',
component: FourOFour
},
{
path: 'onErr',
component: UhOhError
}
];
`
js
const React = require('react');
const { Provider } = require('react-redux');
const { ConnectedRouter } = require('react-router-redux');const StrangeRouter = require('strange-router');
class App extends React.PureComponent {
static propTypes = {
history: T.object.isRequired,
routes: T.array.isRequired,
store: T.object.isRequired
}
render() {
const { history, routes, store } = this.props;
return (
);
}
};
``