javascript - React.js路由无法正常工作

我的/路线无法正确渲染我的主要组件。

她是我的代码：

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，而没有任何错误，这就是我的索引组件网络。

最佳答案

尝试这个：

ReactDOM.render((
    <Router history={browserHistory}>
        <Route path="/" componenet={Main}>
            <IndexRoute component={Index}></IndexRoute>
            <Route path="portfolio" component={Portfolio}></Route>
        </Route>
    </Router>,
  ), document.getElementById('app'));

关于javascript - React.js路由无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38531193/