Javascript 如何在react中使用其他js插件？

我最近遇到了一个问题，我想在我的nextjs实践项目中使用第三方插件。请注意，我是一个React初学者，因此，我很难用“React方式”来处理事情

我的问题是，我不知道如何在项目中正确初始化/配置插件

例如，我想使用这个js插件。常规的静态站点方法是在html文件中添加一个脚本标记，然后通过调用插件对其进行初始化。例如：

<script type="text/javascript">
new GambitSmoothScroll({
    amount: 150, // The scroll amount
    speed: 900 // The scroll speed
});
</script>

新甘比斯穆特卷轴({
金额：150，//滚动金额
速度：900//滚动速度
});

---

但在react中，由于虚拟DOM的存在，这种方法不起作用。任何指点都将不胜感激

而不是在你的

脚本

标记中，在你的app.js中，你的主应用程序正在初始化。在它的

componentDidMount

hook中添加这个

componentDidMount () {
  new GambitSmoothScroll({
    amount: 150, // The scroll amount
    speed: 900 // The scroll speed
  });
}

---

我在这里使用的是，在代码顶部包含“GambitSmoothScroll”。为了使用它。

而不是将它写在你的

脚本

标记中，在你的app.js中，你的主应用程序正在初始化。在它的

componentDidMount

hook中添加这个

componentDidMount () {
  new GambitSmoothScroll({
    amount: 150, // The scroll amount
    speed: 900 // The scroll speed
  });
}

---

我在这里使用的是，在代码顶部包含“GambitSmoothScroll”。为了使用此功能。

通常我们在React中使用npm或Thread来管理软件包。对于这个特定的第三方，我建议您阅读此网站 您可以在终端中运行此命令以添加它

npm install --save smoothscroll

---

通常我们在React中使用npm或Thread来管理软件包。我建议您阅读本网站 您可以在终端中运行此命令以添加它

npm install --save smoothscroll