路由不在react.js中工作

Question

我想使用React Router，但我似乎无法让它工作。我是React的新手，我使用React样板来开始工作。

在下面找到App.js中的代码：

  import React from 'react';
  import ReactDOM from 'react-dom';
  import Login from './Login.jsx';
  import { Router, Route, hashHistory } from 'react-router';
  import './App.css';

  ReactDOM.render((
     <Router history={hashHistory}>
         <Route path="/" component={Login}/>
     </Router>
  ), document.getElementById('root'))

Login.jsx

import React, { Component } from 'react';

class Login extends Component {
  render() {
    return(
      <div className="Login">
        <button className="LoginButton">S'inscrire</button>
        <button className="LoginButton">Se connecter</button>
      </div>
    )
  }
}

export default Login

以及我在控制台中出现的错误：

我做错了什么？据我所知，Login是一个React组件，因此它应该在App.js中呈现，因为它是默认导出并导入的。