我的/
路线无法正确渲染我的主要组件。
她是我的代码:
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" componenet={Main}>
<IndexRoute component={Index}></IndexRoute>
<Route path="portfolio" component={Portfolio}></Route>
</Route>
</Router>,
document.getElementById('app')
);
这是我的主要内容:
export default class Main extends React.Component {
render() {
console.log("asdfasfsaf");
return(
<div>
<h1> This is Main Page </h1>
{this.props.children}
</div>
)
}
}
一旦我加载网站,它就不会控制日志,也不会渲染<h1>
这是主页面标题。此外,如果我删除此Main
组件,它仍会转到我的IndexRoute
,而不会出现任何错误,这是我的索引组件。
答案 0 :(得分:1)
试试这个:
ReactDOM.render((
<Router history={browserHistory}>
<Route path="/" componenet={Main}>
<IndexRoute component={Index}></IndexRoute>
<Route path="portfolio" component={Portfolio}></Route>
</Route>
</Router>,
), document.getElementById('app'));