当前位置 : 主页 > 网页制作 > React >

reactjs – 如何在React Router中更新路由而无需在单页面应用程序中重新安装组件?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在寻找一种方法来“美化”更新React / Redux / React-Router / React-Router-Redux应用程序的地址栏中的路由,而不会在路由更改时实际导致组件重新装入. 我正在使用React CSS Transition Groups为进入
我正在寻找一种方法来“美化”更新React / Redux / React-Router / React-Router-Redux应用程序的地址栏中的路由,而不会在路由更改时实际导致组件重新装入.

我正在使用React CSS Transition Groups为进入路线设置动画.所以当用户来自时

/家/

/家庭/个人资料/鲍勃,

动画开火.

但是,一旦打开/ home / profile / bob,用户可以向左/向右滑动以获取其他配置文件 – / home / profile / joe等.

我希望地址栏中的URL在发生这种情况时更新,但是当前会导致配置文件组件重新挂载,从而重新触发CSS Transition Group,导致动画触发 – 我只希望触发动画时触发从非配置文件路由到配置文件路由,而不是在配置文件路由之间切换时.

我希望这是有道理的.我基本上正在寻找一种“美化”更新应用程序URL的方法,而不必强制重新安装管理该路由的组件.

如果您正在使用react路由器,则在更改URL时将挂载/卸载.这是正常的行为.在页面之间转换是一回事,你只能在不知道你来自哪个url路径的情况下声明和进/出过渡:(
网友评论