在React-Router中未定义this.props.history.push

Question

我要执行history.push 但它不起作用。 我已经用过Router，History等 谁能帮我解决这个问题

register=(e)=>{
    e.preventDefault()
    this.props.history.push('/dashboard')
    }

import React from 'react';
import './App.css';
import Login from './component/login/login'
import Header from './component/header/header'
import { createBrowserHistory } from 'history';


import { Router, Route, Switch } from 'react-router-dom'

const his=createBrowserHistory()

class App extends React.Component {
render(){
return (
  <Router history={his} >
    <div className="App">
      <Header />
      <Switch>
          <Route path="/register" component={Login} exact/>
      </Switch>
    </div>
  </Router>
);

} }

导出默认应用；