Javascript 如何在react应用程序中使用html js库

Javascript 如何在react应用程序中使用html js库,javascript,reactjs,Javascript,Reactjs,我有一个HTML页面,其中有一些Javascript库,我可以在React应用程序中使用它们。我是否需要直接导入它们,它将是功能性的,我认为这是错误的,那么我如何才能正确地做到这一点 注意:我使用的是React v9.5.0 /**************************************** *基本表* ****************************************/ $('zero#u config').DataTable(); 在index.html文件

我有一个HTML页面,其中有一些Javascript库,我可以在React应用程序中使用它们。我是否需要直接导入它们,它将是功能性的,我认为这是错误的,那么我如何才能正确地做到这一点

注意:我使用的是React v9.5.0


/****************************************
*基本表*
****************************************/
$('zero#u config').DataTable();

在index.html文件所在的位置为css或js创建必要的文件夹

├── css
│   └── style.css
├── js
│   └── script.js
└── index.html
在index.html文件中,像这样引用这些文件

<link rel="stylesheet" href="%PUBLIC_URL%/css/style.css"/>

<script src="%PUBLIC_URL%/js/scripts.js"></script>

此外,请查看文档以了解更多详细信息。

在index.html文件所在的位置为css或js创建必要的文件夹

├── css
│   └── style.css
├── js
│   └── script.js
└── index.html
在index.html文件中,像这样引用这些文件

<link rel="stylesheet" href="%PUBLIC_URL%/css/style.css"/>

<script src="%PUBLIC_URL%/js/scripts.js"></script>


此外,请查看文档以了解更多详细信息。

您尝试过吗?您应该在加载DOM之后而不是之前执行
.DataTable()
。我的主要问题是如何在React应用程序中导入js文件以使用它们?至于DataTable,如果我没有记错的话,我认为需要使用componentDidMount。您包含的许多库(引导、jquery等)可以通过npm或Thread作为依赖项安装。然后,您就可以轻松地将它们导入到组件中。这样管理起来也更容易。是的,我非常理解这一点,但我想使用自定义js库,而不是从头开始创建它们。你试过了吗?您应该在加载DOM之后而不是之前执行
.DataTable()
。我的主要问题是如何在React应用程序中导入js文件以使用它们?至于DataTable,如果我没有记错的话,我认为需要使用componentDidMount。您包含的许多库(引导、jquery等)可以通过npm或Thread作为依赖项安装。然后,您就可以轻松地将它们导入到组件中。这样管理起来也更容易。是的,很好地理解这一点,但我想使用自定义js库,而不是从头开始创建它们。我使用的是React应用程序,所以我在app.js而不是HTML文件中执行此操作。我只告诉React。如果希望静态文件对所有组件都可见,则最好添加到index.html。但是,如果您只想应用于组件,那么可以像这样“从“/style.css”导入样式”对于您的componentin react项目,没有index.html,只有index.js-这样可以吗?index.html位于公用文件夹中。您的公用文件夹中有一个index.html文件。我正在使用react应用程序,所以我在app.js而不是html文件中执行此操作。我只告诉react。如果希望静态文件对所有组件都可见,则最好添加到index.html。但是,如果您只想应用于组件,那么可以像这样“从“/style.css”导入样式”;到componentin react项目中,没有index.html,只有index.js-这样可以吗?index.html位于公用文件夹中。公用文件夹中有一个index.html文件。