javascript - DefaultRoute throws "Cannot call a class as a function" -
i'm using react-router es6 classes , keeps throwing error
uncaught typeerror: cannot call class function
it refers declaration of default route. of code taken example in react-router repo, why i'm wondering why it's buggy.
import react 'react'; import router 'react-router'; import {header} './components/header.react.jsx'; var defaultroute = router.defaultroute; var link = router.link; var route = router.route; var routehandler = router.routehandler; var app = react.createfactory(react.createclass({ render: function () { return ( <div> <header /> <routehandler /> </div> ); } })); var inbox = react.createclass({ render: function () { return ( <div> test </div> ); } }); var routes = ( <route name="app" path="/" handler={app}> <defaultroute handler={inbox}/> // error </route> ); router.run(routes, router.historylocation, function (handler) { react.render(<handler/>, document.body); });
why wrapping app component creation createfactory call?
the following works fine me (i removed header since external):
import react 'react'; import router 'react-router'; var defaultroute = router.defaultroute; var link = router.link; var route = router.route; var routehandler = router.routehandler; var app = react.createclass({ render: function () { return ( <div> <routehandler /> </div> ); } }); var inbox = react.createclass({ render: function () { return ( <div> test2 </div> ); } }); var routes = ( <route name="app" path="/" handler={app}> <defaultroute handler={inbox}/> // error </route> ); router.run(routes, router.historylocation, function (handler) { react.render(<handler/>, document.body); });
Comments
Post a Comment