Question

当我在浏览器上运行我的应用程序时，我的控制台出现以下错误。

警告：propType失败：无效的prop＆＃39;组件＆＃39;提供给＆＃39;路线＆＃39;。

我目前正在使用以下开发要求的版本

react v0.14.8 react-router v2.3.0 Webpack v1.13.0 babel-loader v6.2.4 babel-core v6.7.7 babel-preset-es2015 v6.6.0 babel-polyfill v6.7.4 babel-preset-react v6.5.0 babel-register v6.7.2 babel-runtime v6.6.1

这是我的路线文件的样子。

import {Route, IndexRoute} from '../node_modules/react-router';
import App from '../components/app';
import Dashboard from '../components/dashboard';
import UsersList from '../components/users/list';
import CoursesList from '../components/courses/list';

// Define routes

const routes = (
    <Route path='/' component={App}>
         <IndexRoute component={Dashboard}/>
         <Route path='/dashboard' component={Dashboard} />
         <Route path='/users' component={UsersList} />
         <Route path='/courses' component={CoursesList} />
    </Route>
);

export default routes;

这就是我的主要js看起来像

import React from './node_modules/react';
import ReactDOM from './node_modules/react-dom';
import {Router, browserHistory} from './node_modules/react-router';
import routes from './configs/routes';
// Render
ReactDOM.render(<Router history={browserHistory} routes={routes} />, document.getElementById("app") );

请问这个错误来自何处以及如何解决？

Answer 1

你必须像

那样设置你的路由器

<Router history={browserHistory} >{routes}</Router>

而不是

<Router history={browserHistory} routes={routes} />

反应路由器错误：提供给`Route`的无效prop`组件`

1 个答案: