React Router DefaultRoute Not Rendering

Question

Я пытаюсь настроить React-Router для работы с моим приложением (он еще не делает тонну). Я попытался использовать эту конфигурацию, но DefaultRoute никогда не выводит, просто базовый маршрут.

var routes = (
    <Route path="/" handler={App}> 
     <DefaultRoute handler={LoginForm} /> 
    </Route> 
); 

Router.run(routes, function(Handler) { 
    React.render(<Handler />, document.body); 
}) 

Нет ошибки, LoginForm просто не получает визуализацию (хотя приложение выполняет). LoginForm и приложение существуют (поэтому они должны быть визуализированы). Я просто не понимаю, как работает React-Router/DefaultRoute?

Answer 1

Согласно documentation, второй параметр Router.run должен быть Location объект (либо Hash или History).

var RouteHandler = Router.RouteHandler; 
var Router = require('react-router'); 
var Route = Router.Route; 

// declare our routes and their hierarchy 
var routes = (
    <Route path="/" handler={App}> 
    <DefaultRoute handler={Home}/> 
    <Route path="about" handler={About}/> 
    <Route path="inbox" handler={Inbox}/> 
    </Route> 
); 

var App = React.createClass({ 
    render() { 
    return (
     <div> 
     <h1>App</h1> 
     <RouteHandler/> 
     </div> 
    ) 
    } 
}); 

Router.run(routes, Router.HashLocation, (Root) => { 
    React.render(<Root/>, document.body); 
});