提交成功后重定向到另一条路由

Question

我正在使用 redux-form 和 react-router。 redux-form 提供了一个名为 onSubmitSuccess 的方法，在提交成功后调用。但是，我无法通过该方法访问路由器。

提交成功后如何使用react-router重定向到新路由？

Answer 1

我建议您为此使用容器组件。提交表单后，发送一个操作，并在该操作中使用 browserHistory 更改或替换路由。

//container code
function mapDispatchToProps(dispatch){
  return{
    onSubmit : () =>{
        dispatch(updateData())
   }
 }

}

//action code
 function updateData(){
    //update state if needed
    browserHistory.push(//changed route)
 }