Question

我想在成功登录后重定向到主页。我搜索过，但没有找到解决方法。提前致谢

//imported react-router
import { Redirect } from 'react-router';

//main route file
<Router>
  <div>
    <Route exact path = "/" component={ App } />
    <Route path = "/home" component={ Homepage } />
  </div>
</Router>

//redirect after ajax success
$.ajax({
    type: 'POST',
    url: '/login_participant',
    data: data,
    dataType:'json',
    success:function(data) {
         console.log(data);

         //redirecting home after login successfully
         <Redirect to ="/home" />
    },
    error:function(err) {
         console.log(err);
    }
})

Answer 1

device_pointer是一个简单的组件，需要一些道具并用它做一些事情。它与react-router提供的其他组件签订了合同，因此必须知道上下文是什么。

如果要在成功登录后重定向，则必须使用react-router-redux（<Redirect />操作）或保持状态标志push或类似的状态才能为您的组件提供数据。两种解决方案都需要使用redux / flux或其他状态容器。

如果您不想使用redux / flux，可能只是更换窗口位置？（路径）。

这一切都在我身边，也许其他人有更好的解决方案。

反应重定向到另一个不工作的页面

1 个答案: