我有一个软件,使用铬内部显示ui元素。所以我有一个很大的SPA在反应整个ui。在这里,我使用的反应-三纤维显示一些三维动画在菜单的背景,例如。
现在的问题是:每当我从一个ui元素切换到另一个ui元素(状态更改、->反应组件un-/挂载),3D动画可能会改变或出现dis-/出现。当页面的其余部分已经加载时,加载动画总是需要几秒钟的时间。
我如何“预加载”反应-三纤维帆布元素,使用户不会有这些加载时间之间的“路由开关”?我想到的唯一解决办法就是以某种方式保存画布,并在任何地方重用它。但这听起来像是一种丑陋的工作方式。难道没有好的解决方案吗?
发布于 2021-09-13 18:00:12
我用react-reverse-portal.自己找到了一个干净的解决方案它使用React 16附带的‘门户’来保持三个画布组件一直挂载,并在使用它的组件之间共享它。
https://stackoverflow.com/questions/69163789
复制相似问题