reactjs - 返回 Promise (axios) 后如何重定向到 React Redux 中的组件。我正在使用 react 路由器4

Question

我想创建身份验证系统。我在提交时制作了一个表单，我发送用户凭据并使用 ajax 响应接收 token 作为返回。 现在我想在收到 token 后重定向到主页。

我正在使用react router 4，redux-thunk中间件 我尝试根据上下文执行此操作，但没有成功。

onSubmit(e){

  e.preventDefault();

  this.setState({isLoading:true});

  this.props.login(this.state).then(function(response){

    console.log('token', response.data.token);

    //Redirect to home component

  });

}

Answer 1

为此，您可以使用重定向组件:https://reacttraining.com/react-router/web/api/Redirect

您可以有一个状态变量来指示用户是否已登录，并在用户登录后在 then 方法中将其设置为 true。在渲染方法中使用该状态来控制重定向组件的渲染。