javascript - 在react.js中使用路由时，向 `component`提供的 Prop `Route`无效

Question

这是我得到的错误:提供给 Route 的 Prop component 无效。

这是我的index.js

var React= require('react');
var ReactDOM= require('react-dom');
var routes=require('./config/routes')

ReactDOM.render(
    routes,
    document.getElementById('app')
);

这是我的routes.js

var React= require('react');
var ReactRouter= require('react-router');


var Router=ReactRouter.Router;
var Route=ReactRouter.Route; 
var IndexRoute=ReactRouter.IndexRoute;

var Main=require ('../components/Main');
var Home=require ('../components/Home');

var routes=(

    <Router>
        <Route path='/'component={Main}>
            <Route path='/home' component={Home}/>
            </Route>
    </Router>

);

module.exports = routes;

我的main.js

var React= require('react');


var Main= React.createClass({
    render:function(){
        return(
            <div>Hello from main
            {this.props.children}
            </div>


        )
    }
});

module.exports = Main; 

和 home.js

var React= require('react');


var Home=React.createClass({
    render:function(){
        return(
            <div>Hello from home</div>

        )
    }
});

module.exports = Home;

Answer 1

您编写../components/Main。尝试../components/main。我认为它区分大小写。对于 Home

也是如此