我正在尝试修改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 是作为 props 传递的。你想做的是这样的:

import { routeActions } from 'react-router-redux' 
 
this.props.dispatch(routeActions.push('/foo'));