使用react-router-redux的routerMiddleware中间件提示错误是push not defined

Question

引入中间件

import { routerReducer as routing, routerMiddleware } from 'react-router-redux';
import { browserHistory } from 'react-redux';
const finalCreateStore = compose(
    applyMiddleware(
        routerMiddleware(browserHistory)
    )
)(createStore);

使用的时候

handleClick (e) {
    this.props.push('/signin')
}

点击之后就会报错

Uncaught TypeError: Cannot read property 'push' of undefined

Answer 1

handleClick (e) {
    console.log(this)//首先你将this输出看下是什么，push 没定义说明props下不存在这个属性
    this.props.push('/signin')
}
出错原因可能如下contextTypes没写：
普通写法contextTypes定义
var ReactTest = React.createClass({
    contextTypes: {
        router: React.PropTypes.object
    },
 })
ES6 contextTypes定义
ReactTest.contextTypes = {
    router: React.PropTypes.isRequired
}

Answer 2

import { browserHistory } from 'react-router';

handleClick (e) {
    browserHistory.push('/signin');
}

React Router 使用教程

react-router API