React.js路由不能正常工作

Question

我的/路由不能正確呈現我的主要組件。

她是我的代碼：

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沒有任何錯誤，這是我的索引組件。

Answer 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'));