如何避免重定向的闪烁行为?

时间:2019-08-13 14:18:04

标签: reactjs reach-router

我正在尝试进行“同步”重定向,因为它不会引起双重渲染。原因是因为我希望我的顶级导航到<Link to='/docs' />,但是文档的第一个实际页面实际上是/docs/introduction

我尝试了<Redirect />navigateTo,但是都导致UI闪烁,因为/docs首先呈现,然后/docs/introduction重定向之后呈现第二。

此外,一旦我进入/docs/introduction,点击指向/docs的链接就会再次闪烁。

这是一个演示:https://codesandbox.io/s/avoid-flashing-redirect-vvpp8

我的问题是,有没有一种方法可以静态/同步重定向而不会闪烁?我希望该网址始终转到/docs/introduction

(我不想使用<Link to='/docs/introduction' />的原因是,当/docs下的任何一条路径都处于活动状态时,我希望文档可以部分处于活动状态。)

0 个答案:

没有答案