Nextjs / ReactJS 中页面切换时 Spline / canvas 重新渲染

Question

我有3D设计样条线，我想将样条线导出到我的网站，样条线在我的网站中运行良好，但问题是当我将页面从主页切换到关于页面时，样条线正在重新渲染。

这是截图：

这是代码的详细信息：https://codesandbox.io/p/sandbox/broken-rain-gynch3?file=%2Fapp%2Fpage.tsx%3A21%2C32

Answer 1

我遇到了同样的问题，但为了解决这个问题，我所做的就是在 app.js 中渲染样条线组件，并使用 css 隐藏样条线容器，即显示：无或块