Javascript 如何在React应用程序中添加GASP动画作为背景？

例如：这是一个简单的动画效果。如何在React应用程序中使用它

https://codepen.io/celli/pen/xZgpvN

---

我认为至少有两种可能实现这一点：

在开发React应用程序时，它周围仍然有一个常规网页。React被加载到网页内的元素中。例如，您可以在React应用程序之外的另一个

div

中使用背景效果

https://codepen.io/celli/pen/xZgpvN

如果您想在React应用程序中使用它（例如作为单个组件的背景），您可以使用

并在

useffect

挂钩或基于类的

componentDidMount

中设置效果。您可能需要添加一个清理功能，具体取决于您在

componentWillUnmount

中的效果或

useffect

的返回值

---

如果你需要在页面上的任何地方都有效果，我会选择选项1。如果您需要更大的灵活性（在页面/应用程序的不同部分多次使用，或者其宽度/高度取决于某个React组件），我会选择选项2。

我想您忘记添加代码了。尝试在codesandbox.io中添加代码，并共享问题的链接。这个问题不完全，谢谢你的回答。你能分享一些演示代码吗。另外，我对我的代码的解构也有疑问。您在您链接到的答案中有可用的演示代码。。。？我不明白你需要什么