如何在反应中使用其他js插件？

Question

我最近遇到一个问题，我想在我的 nextjs 实践项目中使用第 3 方插件。请注意，我是一个 React 初学者，因此，我很难全神贯注于 'react way' 做事。

我的问题是我不知道如何正确地initialize/configure项目中的插件。

比如我想用这个smoothscrolljs插件。常规的静态站点做法是在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 钩子中添加这个。

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

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

Answer 2

通常我们在 React 中使用 npm 或 yarn 来管理 package.I 这个特定的第三方，我建议你阅读这个网站 smoothscroll 您可以运行在您的终端中添加它。

npm install --save smoothscroll

how to use other js plugin in react?