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 componenet을 삭제해도 내 인덱스 구성 요소 인 오류없이 내 IndexRoute으로 이동합니다.

Answer 1

이 시도 :

당신이 귀하의 사이트를 제공하는 어떤 URL

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