반응 라우터가 렌더링하지 않음 구성 요소

Question

이것은 구현하려고하는 샘플 코드입니다. 그러나 반응이 구성 요소를 렌더링하지 않는 이유를 찾을 수 없습니다. CDN의 반응 라우터를 포함합니다.

import { Router, Route, Link, browserHistory } from 'react-router' 
var HomePage = React.createClass({ 
     render:function(){ 
     return(
      <div> 
      <h1>Hi World</h1> 
      </div> 
     ); 
     } 
    }); 

ReactDOM.render(
    <Router history={browserHistory}> 
    <Route path='/home' component={HomePage} /> 
    </Router> 
    ,document.getElementById('mydiv') 

); 

Answer 1

시도가 hashHistory, jsbin example with CDN 사용하도록 도와주세요.

Example with imports

browserHistory는 URL을 구성하는 역할을하는 서버 측 additional configuration이 필요합니다.

var ReactRouter = window.ReactRouter; 
var Route = ReactRouter.Route; 
var Router = ReactRouter.Router; 
var Link = ReactRouter.Link; 
var hashHistory = ReactRouter.hashHistory; 


var HomePage = React.createClass({ 
     render:function(){ 
     return(
      <div> 
      <h1>Hi World</h1> 
      </div> 
     ); 
     } 
}); 

ReactDOM.render(
    <Router history={hashHistory}> 
     <Route path='/home' component={HomePage} /> 
    </Router> 
    ,document.getElementById('mydiv') 

);