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