reactjs – 如何使用react-router-redux routeActions?

前端之家收集整理的这篇文章主要介绍了reactjs – 如何使用react-router-redux routeActions?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试修改react-router-redux的示例代码.
https://github.com/rackt/react-router-redux/blob/master/examples/basic/components/Home.js

这是我的Home.js

class Home extends Component {
    onSubmit(props) {
        this.props.routeActions.push('/foo');    
    }
}

我也有一个mapDispatchToProps.

function mapDispatchToProps(dispatch){
    return bindActionCreators({ routeActions },dispatch);
}

当我调用onSubmit函数时,我收到了一个错误

Uncaught TypeError: this.props.routeActions.push is not a function

如果我在onSubmit中删除this.props,则URL中的键已更改,但它仍在同一页面上.
从localhost:8080 /#/?_ k = iwio19到localhost:8080 /#/?_ k = ldn1ew

谁知道怎么修它?
欣赏它.

我不认为routeActions作为道具传递.你想要做的是:
import { routeActions } from 'react-router-redux'

this.props.dispatch(routeActions.push('/foo'));

猜你在找的React相关文章