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

Question

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

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

比如我想用这个smoothscroll js 插件。常规的静态站点方法是在 html 文件中添加 script 标签，然后通过调用插件对其进行初始化。例如:

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

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

Answer 1

不要将其写入您的 script 标记中，而是在您的 app.js 中，您的主应用程序将在其中初始化。在它的 componentDidMount 钩子(Hook)中添加这个。

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

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