reactjs - 如何更新 React Router 中的路由而不在单页应用程序中重新安装组件？

Question

我正在寻找一种方法来“美观地”更新 React/Redux/React-Router/React-Router-Redux 应用程序的地址栏中的路由，不会实际导致组件当路线改变时重新装载。

我正在使用 React CSS Transition Groups 来制作进入路线的动画。所以当用户从

/home/

到

/home/profile/bob,

动画启动。

但是，一旦进入 /home/profile/bob，用户就可以向左/向右滑动以访问其他个人资料 - /home/profile/joe 等。

我希望在发生这种情况时更新地址栏中的 URL，但目前这会导致 profile 组件重新安装，从而重新触发 CSS Transition Group，从而触发动画-- 我只希望在从非配置文件路线转到配置文件路线时触发该动画，而不是在配置文件路线之间切换时触发。

我希望这是有道理的。我本质上是在寻找一种“美观”地更新应用程序 URL 的方法，而无需强制重新安装管理该路由的组件。

Answer 1

如果你使用react router，当你改变url时它会挂载/卸载。这是正常行为。页面之间的转换也是一样的，你只能声明和进/出转换，而不知道你来自哪个 url 路径:(