React-router 不渲染组件

Question

这是我要实现的示例代码。但是我找不到反应不渲染组件的原因。我包括来自 CDN 的 react-router。请帮忙

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 要求在服务器端 additional configuration 提供 URL。

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

);