willatman 在 React 使用 tanstack router 如何在路由切换时避免组件卸载 中发帖
哈喽各位佬,请教一个React使用tanstack router时的问题。
问题
我有两个路由页面A,B。 B页面会有很多用户输入,交互,以及绘图。在路由切换的时候,B页面会卸载,切换回B页面时又会重新挂载。这会造成绘图组件的重绘。一方面这个绘图挺消耗性能,另一方面会造成绘图组件的闪烁。
我想请教,有没有什么办法可以在路由切换时,避免B页面卸载。
问题衍生
因为我是纯业余玩家,React什么都是自学的。我一直很好奇,一些需要用户大量输入,交互的页面,如何维护这些状态,并且在路由切换之后恢复这些状态?
我能想到的是使用一些store,比如Zustand之类的。但是组件重新挂载之后,重绘造成的开销是如何优化的?请各位赐教,感谢。