反應路由器不渲染組件

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示例與CDN 一起使用 。

導入示例

browserHistory需要在服務器端進行其他配置才能提供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')

);