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

Question

我刚刚开始学习路由部分的 react ，但我对我得到的错误有点困惑

编译失败

./src/App.js

31:19-33 'react-router' does not contain an export named'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

您需要按照 here 中的建议使用来自“react-router-dom”的 BrowserRouter 和 Switch , 以下是您可以如何使用它:

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