无法读取未定义的属性“历史”答案

【问题标题】：Cannot read property 'history' of undefined无法读取未定义的属性“历史”
【发布时间】：2017-08-18 22:10:15
【问题描述】：

我正在学习 react-router v4，并尝试创建一个简单的应用程序。我使用 create-react-app cli 创建了一个 React 应用程序。我的routes.js 文件：

import React from 'react';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';

import Home from '../components/Home';
import ContentOne  from '../components/ContentOne';
import ContentTwo  from '../components/ContentTwo';

const routeConfig = [
  { path: '/',
    exact: true,
    component: Home
  },
  { path:'/home',
    component:Home
  },
  { path: '/contentOne',
    component: ContentOne
  },
  { path: '/contentTwo',
    component: ContentTwo
  }
]

const Routes = () => {
   return (
      <Router>
      <Switch>
       {routeConfig.map((route, index) => {
           <Route path = {route.path} component = {route.component} exact = {route.exact} />
       })}
       </Switch>
      </Router>
   );
}
export default Routes;

App.js文件：

import React, {Component} from 'react';

import './App.css';
import SideNav from './components/SideNav';

class App extends Component {
  render() {
    return (
      <div>
      <SideNav /> 
      <div>
          {this.props.children}
        </div>
      </div>
    );
  }
}

export default App;

Index.js文件：

import React from 'react';
import ReactDOM from 'react-dom';

import Routes from './routes/Routes.js';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import './index.css';

ReactDOM.render(
<App>
<Routes />
</App>, document.getElementById('root'));
registerServiceWorker();

当我尝试运行应用程序时，我收到一条错误消息，指出“无法读取未定义的属性‘历史’”。我尝试调试，但我无法弄清楚问题到底出在哪里。谁能建议我哪里出错了？

我在控制台出现以下错误：

上下文router在Link中标记为必填，但其值为undefined。

【问题讨论】：

你在哪里使用Link，你能补充一下

标签： reactjs react-router-v4

【解决方案1】：

尝试在 BrowserRouter 中添加 {history} =>
import {BrowserRouter as Router, Route, Switch, history} from 'react-router-dom';

【讨论】：