元素类型无效：预期为字符串或类/函数（对于复合组件），但得到了：对象

Question

我是新来的反应者，并从pluralsight中学到了同样的东西。在实现react-router时遇到此错误：

元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：对象。

这是我的代码-

1）main.js

"use strict";
var React = require('react');
var createReactClass = require('create-react-class');
var ReactDOM = require('react-dom');
var Router = require('react-router'); 
var routes = require('./routes');
ReactDOM.render(<Router routes={routes}></Router>,document.getElementById('app'))

2）routes.js

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

var routes = (
        <Route name="app" path="/" handler={require('./components/app')}>
            <DefaultRoute handler={require('./components/homePage')} />
            <Route name="authors" handler={require('./components/authors/authorPage')}/>
            <Route name="about" handler={require('./components/about/aboutPage')}/>
        </Route>
    );

module.exports = routes;

3）app.js

var React = require('react');
var ReactDOM = require('react-dom');
var createReactClass = require('create-react-class');
var Header = require('./common/header');
var RouteHandler = require('react-router').RouteHandler;

var App = createReactClass({
    render:function(){
        return (
            <div>
                <Header/>
                <RouteHandler/> 
            </div>
        );
    }
});

module.exports = App;

版本-“反应路由器”：“ ^ 4.2.0”

Answer 1

从react-router v1.0开始，DefaultRoute消失了。 而是引入了IndexRoute。 而且由于v4 IndexRoute也消失了。 所以我想您正在使用v4 React Router，但语法来自版本0.1x。 您应该使用旧版本的路由器或较新的语法。