如何在函数内以编程方式重定向？[副本]

Question

我有一个singinUser函数，当用户单击submit按钮时调用该函数。我希望用户在获取数据完成时重定向到另一个url。在以前版本的react中，我经常使用'react-router'中的browserHistory。在路由器4中我应该做什么？

import axios from 'axios';
    const ROOT_URL = 'http://localhost:3090';

    export const signinUser = ({ email, password }) => {
        return (dispatch) => {
            axios.post(`${ROOT_URL}/signin`, { email, password })
                .then(response =>{
                    //I want to redirect
                })
                .catch(err=>{

                })
        }
    }

Answer 1

这是我个人在应用程序中对受保护路由执行重定向的方式：

const GuestRoute = ({ component: Component, ...rest }) => (
  <WebServiceContextConsumer>
    {
      context =>
        <Route
          {...rest}
          render={props =>
            context.auth.getUser() 
              ? (<Redirect to={{pathname: "/", state: { from: props.location }}} />) 
              : (<Component {...props} />)
          }
        />
    }
  </WebServiceContextConsumer>
);

你需要把你的观点和逻辑分开。执行whatever调用，然后使用promise捕获响应并在视图组件中以您想要的方式处理它。