router
Router Component for react.
Design philosophy
- Keep it smiple, first match wins.
- Support nested routes.
- Easy to match url,
:name
to match named parameter,*
matches everything remained. - Build in default IOS animation.
Install
npm i rc-router
Usage
import Route Link Redirect from 'rc-router';let app =<Route ="/" =><Route ="/manage/*" =/><Route ="/users" =><Route ="/users/:id" =/></Route><Route ="/about" =/><Route ="*" =/></Route>ReactDOM
Props
name | type | default | description |
---|---|---|---|
path | string | null | match role of path |
component | func | null | shown component |
onchange | func | null | path change event handler, for root route only |
Helper exports
Link
for simple link with href for location redirectRedirect
function called with path
Assigned props
Component rendered on route props would be assigned with additional props.
params
object contains all params (including query object).type
render type of component, could beparent
child
sibling
enter
.previous
function for redirect to reasonable previous component.parent
function for redirect to parent component.
License
MIT