8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

防止 TanStack Router 在路由改变时重新挂载整个组件树

John Gerken 2月前

24 0

我有一些路线,如:/user/$userId/profile//user/$userId/history//user/$userId/ranking/...它们都呈现相同的\'Tabs\'组件,您可以使用这些路线之间导航......

我有一些路线,例如:

/user/$userId/profile/
/user/$userId/history/
/user/$userId/ranking/
...

它们都呈现相同的“Tabs”组件,您可以使用它在这些路线之间导航,只需更改选择了哪个选项卡即可。

当选项卡从一个变为另一个时,此组件具有动画。当我使用 ReactRouter 时,该库不会重新安装前一个组件树中存在的组件,并且动画可以完美运行。

然而,TanStack Router 可能会在浏览路线的过程中更改某些组件键,从头开始重新安装整个组件树,从而破坏动画。

有什么方法可以阻止这种行为并重用 /profile、/history 等中的先前组件树来保留此动画?

帖子版权声明 1、本帖标题:防止 TanStack Router 在路由改变时重新挂载整个组件树
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由John Gerken在本站《reactjs》版块原创发布, 转载请注明出处!
最新回复 (0)
返回
作者最近主题: