我目前有一个身份验证设置,用户可能需要或不需要通过两个步骤进行身份验证。用户应该在第一页中选择一些内容,根据选择,他们可能需要在第二页中输入信息。
当前逻辑被封装,以便第二页根据先前选择的信息处理身份验证部分,以便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。