Javascript ReactJS路由器-React.createElement:类型无效

我正在尝试设置ReactRouter，用ReactJS构建一个单页应用程序。不过，我在设置路由器时遇到了一个问题

未捕获错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象

这是我的密码

'use strict';

const React = require('react');
const ReactDOM = require('react-dom')
const ReactRouter = require('react-router')
const when = require('when');

class App extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="container">
                <h1>TEST</h1>
            </div>
        )
    }
}

class Test extends React.Component {
    render() {
        return (
            <div className="container">
                <h1>TEST PAGE</h1>
            </div>
        )
    }
}

var Router = ReactRouter;
var DefaultRoute = Router.DefaultRoute;
var Route = Router.Route;
var RouteHandler = Route.RountHandler;

var routes = (
    <Route name="root" handler="{App}" path="/">
        <Route handler={Test} path="test" />
    </Route>
)

ReactDOM.render(<Router>{routes}</Router>, document.getElementById('react'))

“严格使用”；
const React=require（'React'）；
const ReactDOM=require（'react-dom'））
const ReactRouter=require（'react-router'）
const-when=require（'when'）；
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
试验
)
}
}
类测试扩展了React.Component{
render（）{
返回(
测试页
)
}
}
var路由器=反应式路由器；
var DefaultRoute=Router.DefaultRoute；
var-Route=路由器.Route；
var RouteHandler=Route.RountHandler；
变量路由=(
)
render（{routes}，document.getElementById（'react'））

如果您使用的是react router v1.0或更高版本，

处理程序已被弃用。尝试改用
组件
：

var routes = (
    <Route name="root" component="{App}" path="/">
        <Route component={Test} path="test" />
    </Route>
)

var路由=(
)

这是升级指南