理解 react-router 过渡动画
Understanding react-router transition animation
在此example我不明白为什么我们需要状态中的StaticContainer和previousPathname。如果有人可以解释他们的工作,那就太好了。我试图在网上找到解释,但由于最近 react-router 的重大更新,这是不可能的。查看了文档,仍然没有任何线索...
这些是为了防止 <Page1>
和 <Page2>
元素中的 <Link>
元素反映新路由。如果您想查看没有 <StaticContainer>
的情况,请尝试 运行 针对 1.0.0-rc3 版本的示例。
那里的逻辑具体是在渲染更新的子元素之前在 StaticContainer
上将 shouldUpdate
设置为 false
,这将有效地 "freeze" 过渡出元素。
在此example我不明白为什么我们需要状态中的StaticContainer和previousPathname。如果有人可以解释他们的工作,那就太好了。我试图在网上找到解释,但由于最近 react-router 的重大更新,这是不可能的。查看了文档,仍然没有任何线索...
这些是为了防止 <Page1>
和 <Page2>
元素中的 <Link>
元素反映新路由。如果您想查看没有 <StaticContainer>
的情况,请尝试 运行 针对 1.0.0-rc3 版本的示例。
那里的逻辑具体是在渲染更新的子元素之前在 StaticContainer
上将 shouldUpdate
设置为 false
,这将有效地 "freeze" 过渡出元素。