如何在React / Redux / Thunk中处理页面重定向和异步请求?

时间:2016-11-11 15:13:04

标签: reactjs redux react-router redux-thunk

我目前有一个身份验证设置,用户可能需要或不需要通过两个步骤进行身份验证。用户应该在第一页中选择一些内容,根据选择,他们可能需要在第二页中输入信息。

当前逻辑被封装,以便第二页根据先前选择的信息处理身份验证部分,以便auth请求仅发生在该页面中(使用thunk动作)。

我面临的问题是,当用户到达第二页时,如果不再需要更多信息,则会调度auth请求(在componentWillMount上),当他们返回时,将用户重定向到应用程序。由于HTTP请求很慢,因此页面在重定向之前会快速闪烁。

从视觉上讲:

page 1      |  page 2                         |  page 3
enter info --> (auth) or (enter info + auth) --> logged in
               ---------------------------
               how to prevent ^^^ 
               flickering here?

处理这种情况的正确/最佳方法是什么?作为参考,我目前的反应设置是:react + redux + thunk + react-router。

0 个答案:

没有答案