理解 react-router 过渡动画

Understanding react-router transition animation

在此example我不明白为什么我们需要状态中的StaticContainer和previousPathname。如果有人可以解释他们的工作,那就太好了。我试图在网上找到解释,但由于最近 react-router 的重大更新,这是不可能的。查看了文档,仍然没有任何线索...

这些是为了防止 <Page1><Page2> 元素中的 <Link> 元素反映新路由。如果您想查看没有 <StaticContainer> 的情况,请尝试 运行 针对 1.0.0-rc3 版本的示例。

那里的逻辑具体是在渲染更新的子元素之前在 StaticContainer 上将 shouldUpdate 设置为 false,这将有效地 "freeze" 过渡出元素。