DefaultRoute拋出「不能調用類的函數」

Question

我使用的反應，路由器ES6類和它不斷拋出錯誤

Uncaught TypeError: Cannot call a class as a function

它指的是缺省路由的聲明。大部分代碼都是從react-router回購的例子中獲得的，這就是爲什麼我想知道爲什麼它是越野車。

import React from 'react'; 
import Router from 'react-router'; 

import {Header} from './components/Header.react.jsx'; 

var DefaultRoute = Router.DefaultRoute; 
var Link = Router.Link; 
var Route = Router.Route; 
var RouteHandler = Router.RouteHandler; 

var App = React.createFactory(React.createClass({ 
    render: function() { 
    return (
     <div> 
     <Header /> 
     <RouteHandler /> 
     </div> 
    ); 
    } 
})); 


var Inbox = React.createClass({ 
    render: function() { 
    return (
     <div> 
     test 
     </div> 
    ); 
    } 
}); 


var routes = (
    <Route name="app" path="/" handler={App}> 
    <DefaultRoute handler={Inbox}/> // ERROR 
    </Route> 
); 


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

Answer 1

你爲什麼包裝App組件的創建與createFactory電話嗎？

下面的作品只是我沒問題（我只是刪除Header，因爲它是外部）：

import React from 'react'; 
import Router from 'react-router'; 


var DefaultRoute = Router.DefaultRoute; 
var Link = Router.Link; 
var Route = Router.Route; 
var RouteHandler = Router.RouteHandler; 

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


var Inbox = React.createClass({ 
    render: function() { 
    return (
     <div> 
     test2 
     </div> 
    ); 
    } 
}); 


var routes = (
    <Route name="app" path="/" handler={App}> 
    <DefaultRoute handler={Inbox}/> // ERROR 
    </Route> 
); 


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