我正在努力通过实施我在网上看到的各种网络视觉效果来获得更多经验。我正在努力的是创建一个光标跟踪'光标跟踪用于显示背景图像的效果。有关更多背景信息,您可以找到此效果的灵感here。
我上面链接的CodePen包含HTML文件,CSS文件和JS文件。对于初学者,我试图将此功能转移到一个简单的React应用程序中。为此,我首先初始化了一个基本/香草反应应用程序:
npx create-react-app cursor_trails_effect
我无法将此光标跟踪效果合并到我的React应用中。从CodePen开始,我可以轻松地将HTML和CSS部分集成到我的React应用程序中,但我不确定如何连接并执行作为其一部分的JS脚本。然而,一般来说,这让我想知道应该如何将这样的JS脚本集成到Web开发的React框架中?
在发布此问题之前,我进行了大量研究,以了解如何从外部(.js)文件执行脚本,或使用React中的<script>
标记,并尝试使用多个声明的包要做到这一点(例如'react-load-script'
,'react-render-html'
,'react-script-tag'
,'dangerously-set-inner-html'
,'react-helmet'
),但没有成功。