reactjs - React-Router with React 13.3+ -
i can't figure out how use relatively recent (react 13+) version of react-router . example on current readme suggests integrating rendering router directly (with routes defined via child route elements). official overview doc seems advise using router.run. react-router examples use former. none work me: different errors depending on use:
- when attempting use react-router rendering
routerelement directly "uncaught error: invariant violation: needs valid location” - when attempting use react-router running
router.runroutes, “uncaught typeerror: cannot read property 'touppercase' of null”
here simplified version of how use it, using webpack requires irrelevant, if have access react , router work.
var react = require('react'); var router = require('react-router'); var defaultroute = router.defaultroute; var route = router.route; var routehandler = router.routehandler; var link = router.link; var comp0 = require('./comp0.jsx'); var comp1 = require('./comp1.jsx'); var comp2 = require('./comp2.jsx'); var app = react.createclass({ render: function () { return ( <div> <div > <li><link to="comp0">comp0</link></li> <li><link to="comp1">comp1</link></li> <li><link to="comp2">comp2</link></li> </div> <div> <routehandler {...this.props}/> </div> </div> ); } }); var routes = ( <route name="app" path="/" handler={app}> <route name="comp1" handler={comp1}/> <route name="comp2" handler={comp2}/> <defaultroute name="comp0" handler={comp0}/> </route> ); router.run(routes, function (handler) { react.render(<handler />, document.body); });
Comments
Post a Comment