当使用react-router时,我遇到了一些问题,我的路由器没有渲染Layout组件,只渲染Index组件,这有什么问题?
我的源代码如下:
路由器:
<Router history={createHistory queryKey: false} onUpdate={-> window.scrollTo(0, 0)}>
<Route path="/" handler={Layout}>
<IndexRoute component={Index}/>
<Route path="movies" handler={Movies}>
<Route path=":id" handler={Movies} />
</Route>
<Route path="books" handler={Books}>
<Route path=":id" handler={Books} />
</Route>
</Route>
布局:
React = require "react"
{Router} = require "react-router"
{AppCanvas, AppBar} = require("material-ui")
require "./layout.less"
Layout = React.createClass
render: ->
<AppCanvas>
<AppBar title="Title" iconClassNameRight="muidocs-icon-navigation-expand-more" />
<div class="content">
{this.props.children}
</div>
</AppCanvas>
module.exports = Layout
指数:
React = require "react"
Index = React.createClass
render: ->
<h1>Welcome,Home</h1>
module.exports = Index
1 回答
看起来你的路线上混合了
handler
和component
属性 .handler
已在最新版本的React Router中删除 .尝试: