reactjs - 如何使用react-router-redux的routeActions？

Question

我正在尝试修改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

有人知道怎么解决吗？ 欣赏它。

Answer 1

我不认为 routeActions 是作为 props 传递的。你想做的是这样的:

import { routeActions } from 'react-router-redux'

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