我的/
路线无法正确渲染我的主要组件。
这是我的代码:
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>
)
}
}
加载此网站后,会转到我的Index
组件。但是,它不会显示<h1> This is Main Page </h1>
的{{1}}。然后我完全删除了Main.js
中的所有代码并重新加载,看到它仍然运行没有任何错误。有没有人知道这方面的解决方案?
答案 0 :(得分:1)
这里有一个拼写错误<Route path="/" componenet={Main}>
组件
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" component={Main}>
<IndexRoute component={Index}></IndexRoute>
<Route path="portfolio" component={Portfolio}></Route>
</Route>
</Router>,
document.getElementById('app')
);
和
export default class Main extends React.Component {
constructor(props) {
super(props)
}
render() {
console.log("asdfasfsaf");
return(
<div>
<h1> This is Main Page </h1>
{this.props.children}
</div>
)
}
}