Reactクラスコンポーネントにreduxアクションを流す方法

 実現したいこと

• クラスコンポーネント のビューから react-router-redux を使ったページ遷移の Action を生成したい。コーディングの仕方が分からない。

 問題

ページ遷移のボタンを配置したいコンポーネントが MaterialUI のソースをコピーした ClassComponent で、 FunctionalComponent であれば、参考書を読んで記述したことはありますが、ClassComponent の場合、どうすれば良いのか分からないです

 前提

• Hoge.js の該当のコンポーネントはクラスコンポーネントである。
• 1つのコンポーネントは、 
  redux 管理用 containers/Hoge.js レンダリング用 components/Hoge.js
  に分割している。
• おおもとの index.js に
  ルーティング先のコンポーネント情報が記載されており、<Provider>から containers/Hoge.js に store 情報が流れる。

<Provider store={ store } >
  <ConnectedRouter history={ history } >
    <Route path="/hoge" component={Hoge} />
    <Route path="/fuga" component={Fuga} />
  </ConnectedRouter>
</Provider>

• 現状、containers/Hoge.js に直接 import { push } from 'react-router-redux' して、ページ遷移アクションを定義している

import { connect } from 'react-redux';
import { push } from 'react-router-redux';
import Hoge from '../components/Hoge';

const mapDispatchToProps = dispatch => {
  redirectToFuga: () => dispatch(push('/Fuga')),
}
export dafalut connect( null, mapDispatchToProps )( Hoge );