react-querystring-router
Bare router for React components, using query string as props.
http://mysite.com/?component=Father&eyes=blue&mood=happy
By making use of the getComponentClass
and getComponentProps
callbacks, this route will render the following element:
<Father ="blue" ="happy"/>
Options
; const myRouter = // This is how the router maps component names to corresponding classes // This is to combine url params with default and additional props { return unlessOverridden: true ...params alwaysHere: true ; } // Tell React where to render in the DOM container: document // Called whenever the route changes (also initially), receiving the parsed // props as the first argument { // E.g. Use the params to set a custom document.title };
The router always sends a reference to itself to the rendered component through
the router
prop.
Changing the route
import uri from 'react-querystring-router';const stringifyParams = uri; //... { return <div ="serious-component"> <a = => Click me por favor </a> </div> ;};