加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – 如何在React Router中更新路由而无需在单页面应用程

发布时间:2020-12-15 09:35:17 所属栏目:百科 来源:网络整理
导读:我正在寻找一种方法来“美化”更新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路径的情况下声明和进/出过渡:(

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读