Javascript 创建React应用程序-使用带有React的GSAP进行页面转换时,动画会出错

Javascript 创建React应用程序-使用带有React的GSAP进行页面转换时,动画会出错,javascript,html,reactjs,create-react-app,gsap,Javascript,Html,Reactjs,Create React App,Gsap,我正在使用GSAP运行React应用程序(CRA)。我还是个新手,所以我不知道如何反应。我有一个关于在返回页面后刷新/重新运行gsap动画的问题。例如,如果我在主页上浏览页面,动画效果会非常好。但是,如果我导航到另一个页面,然后通过“后退”按钮或仅通过导航链接返回主页,动画将不起作用,并且无法看到任何内容。我使用了tl.kill()解决了动画标记/内容转移到不同页面的问题(尽管我认为tl.kill()不是正确的方法)。我在useEffects()钩子中使用了tl.refresh和tl.enabl

我正在使用GSAP运行React应用程序(CRA)。我还是个新手,所以我不知道如何反应。我有一个关于在返回页面后刷新/重新运行gsap动画的问题。例如,如果我在主页上浏览页面,动画效果会非常好。但是,如果我导航到另一个页面,然后通过“后退”按钮或仅通过导航链接返回主页,动画将不起作用,并且无法看到任何内容。我使用了tl.kill()解决了动画标记/内容转移到不同页面的问题(尽管我认为tl.kill()不是正确的方法)。我在useEffects()钩子中使用了tl.refresh和tl.enabled来重新初始化动画,但这也不起作用。 我还为时间轴动画在每个UseEffects挂钩中编写了返回函数,但这并没有解决我的问题

有没有一种方法可以让我在某人返回页面(比如homepg)后重新启用动画?再次感谢各位,我真的很感激

我附加了一个代码沙盒,它是我的代码的简化版本,给你们一个更好的主意。我非常感谢你们的任何反馈/建议/帮助

这是我的代码沙盒: