javascript - React routes doesn't work -
import react, { component } 'react'; import './app.css'; var reactrouter = require('react-router'); var router = reactrouter.router; var route = reactrouter.route; var navigation = reactrouter.navigation; var storepicker = react.createclass({ render : function() { return ( <form classname="store-selector"> <h2>please enter store</h2> </form> ) } }); var routes = ( <router> <route path="/" component={storepicker}/> <route path="store" component={app}/> </router> ) export default routes;
i trying work react router. code not working. doesn't gives errors. gives 2 warnings.
warning: failed prop type: prop history
marked required in router
, value undefined
. in router
react.createelement: type invalid -- expected string (for built-in components) or class/function (for composite components) got: object.
for warning:
(warning: failed prop type: prop history marked required in router, value undefined. in router)
you're missing history definition router try:
<router history={hashistory|browserhistory|creatememoryhistory}> <route path="/" component={home} /> </router>
nb: you'll have add chosen history type imports react router, if choose add browserhistory import this:
import { browserhistory, router, route } 'react-router' ^---added named import
a brief explanation of different options:
browserhistory : bases path of full url starting route '/'. if spa @ www.myapp.com, root path coorespond www.myapp.com/
default. if wanted route www.myapp.com/blog
, need define router path of '/blog
'.
hashistory: same thing root starts the first #
character found in url: example.com/#/some/path
correspond to: /some/path
creatememoryhistory: used testing , server rendering. option not read or manipulate address bar.
check out: react router histories more info
Comments
Post a Comment