Reactjs 为路由中的“路由”提供的属性“组件”无效。道具有问题吗?

Reactjs 为路由中的“路由”提供的属性“组件”无效。道具有问题吗?,reactjs,react-router,Reactjs,React Router,使用React Router时,在获取要渲染的主应用程序组件时遇到一些问题。下面是我的index.js代码: const React = require('react'); const ReactDOM = require('react-dom'); // React router goodies import { Router, Route, browserHistory, IndexRoute } from 'react-router'; //All pieces of the ro

使用React Router时,在获取要渲染的主
应用程序
组件时遇到一些问题。下面是我的
index.js
代码:

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

// React router goodies
import { Router, Route, browserHistory, IndexRoute } from 'react-router';    //All pieces of the router object

const App = require('./components/App.jsx');
const SingleMatchup = require('./components/SingleMatchup.jsx');

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path='/' component={App}>
      <Route path='/teams' component={SingleMatchup}>
      </Route>
    </Route>
  </Router>,
  document.getElementById('app')
);
const React=require('React');
const ReactDOM=require('react-dom');
//反应路由器糖果
从“react Router”导入{Router,Route,browserHistory,IndexRoute}//路由器对象的所有部分
const-App=require('./components/App.jsx');
const SingleMatchup=require('./components/SingleMatchup.jsx');
ReactDOM.render(
,
document.getElementById('app')
);
下面是我正在尝试渲染的应用程序组件:

import React from 'react';
import {render} from 'react-dom';
import Matchups from './Matchups.jsx';
import {Jumbotron} from 'react-bootstrap';
import NavBar from './NavBar.jsx';
import axios from 'axios';
import gameLogs from '../gameLogs.js'

export default class App extends React.Component {


  componentDidMount() {
    for(var team in gameLogs) {
      let teamToUpdate = team
      axios.post('/stats', {team: teamToUpdate})
    }
  }

  render () {
    return (
        <div>
        <NavBar />
         <Jumbotron>
          <h1>Hello, world!</h1>
          <p>This is a simple hero unit</p>
        </Jumbotron>
        <Matchups />
        </div>
    );
  }
}
从“React”导入React;
从'react dom'导入{render};
从“./Matchups.jsx”导入匹配;
从'react bootstrap'导入{Jumbotron};
从“/NavBar.jsx”导入导航栏;
从“axios”导入axios;
从“../gameLogs.js”导入游戏日志
导出默认类App扩展React.Component{
componentDidMount(){
for(游戏日志中的var团队){
让teamToUpdate=团队
post('/stats',{team:teamToUpdate})
}
}
渲染(){
返回(
你好,世界!
这是一个简单的英雄单位

); } }

我想知道这个问题是否与道具的传递有关,或者它们是否与呈现其他组件的组件有关?任何帮助都将不胜感激。

路由器u r使用的是哪个版本?我使用的是4.0.0,但我降级到了3.0.0,因为版本4给我带来了问题。在版本3中,此代码将正常工作,对于版本4,您需要进行更改没有,事实上版本3中还有其他错误,无法获得解决方案?你能提到错误会帮助你吗。