'react-router'不包含名为'browserHistory'的导出。 来自/src/App.js

Question

我刚刚开始学习路由部分的反应，但我有点混淆我得到的错误

编译失败

./src/App.js

31：19-33'reaction-router'不包含名为'browserHistory'的导出。

这是我的代码

import React, { Component } from 'react';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'
import logo from './assets/images/logo.svg';
import './App.css';



class App extends Component {
  render() {
    return (
      <Router history={browserHistory} >
        <Route path="/" component={ Home }>
        </Route>
      </Router>
    )
  }
}
const Home = () => <h1>Hello from Home!</h1>
const Address = () => <h1>We are located at 555 Jackson St.</h1>

export default App;

Answer 1

您需要升级到v4

您需要使用BrowserRouter和Switch从“反应-路由器dom`作为建议在这里 ，这里是你如何使用它：

import {BrowserRouter, Route, Switch} from 'react-router-dom'
class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <AppNavbar/>
          <Switch>
            <Route exact path="/" component={Home}/>
            <Route path="/about" component={About}/>
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}