初學(xué)react，router跳轉(zhuǎn)失敗的問題

代碼如下：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import registerServiceWorker from './registerServiceWorker';
import './App.css';
import Header from './header';
import Main from './main';
import Footer from './footer';
import Login from './login/index'
import {
  HashRouter as Router,
  Route,
  hashHistory,
  Switch
} from 'react-router';

import { Provider} from 'react-redux'
import store from './store'

const Home = () => (
  <div>
    <h3>Home</h3>
  </div>
)
const Chat=()=>(
  <div className="App">
  <Header></Header>
  <Main></Main>
  <Footer></Footer>
  </div>
)
const LoginPage=()=>(<Login />)
class App extends Component{
  render(){
    **this.props.history.push('/chat')**
    console.log(hashHistory)
    return (
      <Router history={hashHistory}>
      <div style={{height:'100%'}}>
      <Switch>
        <Route exact path="/" component={LoginPage}/>
        <Route path="/chat" component={Chat}/>
        <Route path="/home" component={Home}/>
        <Route path="/login" component={Login}/>
      </Switch>
      </div>
    </Router>)
  }
}

想通過render中執(zhí)行切換路由this.props.history.push('/chat')報(bào)錯(cuò)：
TypeError: Cannot read property 'push' of undefined，不知道怎么辦了，求解答