如何将外部 JavaScript 库包含到 ReactJS 中？

JavaScript 库是一个预先编写的 JavaScript 文件，其中包含一些非常有用的代码片段、对象和函数，以便我们可以重用这些函数、对象和代码片段来执行常见任务。 ReactJS 本身就是一个 JavaScript 库的例子。但是 ReactJS 中的文件结构和编码语法与普通的原生 JavaScript 略有不同。因此，在本文中，我们将学习如何将外部 JavaScript 库添加到 ReactJS 项目中。

我们将创建一个 React 应用程序，并以三种方法将一个外部 JavaScript 库包含到 ReactJS 中。这些是：

1. 使用 react-script-tag 包。
2. 使用 react-helmet 包。
3. 使用 JavaScript DOM 方法。

创建反应应用程序：

• 第 1 步：在终端或命令提示符中使用以下命令创建一个 React 应用程序：

  npx create-react-app name_of_the_app

• 第 2 步：创建 react 应用程序后，使用以下命令根据您的应用程序名称移动到目录：

  cd name_of_the_app

项目结构：我们的项目结构将如下所示。

现在根据以下任何方法修改源代码目录中的默认App.js文件。

方法一：使用 react-script-tag 包

这是第一种方法，也是复杂度最低的方法。 react-script-tag是一个带有