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

Question

i'm just getting started learning react in routing section but i'm kinda confusing about the error i got

Failed to compile

./src/App.js

31:19-33 'react-router' does not contain an export named 'browserHistory'.

Here is my code

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

You would need to upgrade to v4

You need to use BrowserRouter and Switch from 'react-router-dom` as suggested in here , here's how you can use it:

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>
    );
  }
}