Question

我正在使用具有许多js外部文件的模板，但我想使用该模板的全部功能，但是我不知道如何在reactjs项目中包含js文件

我现在正在做的就是将此代码添加到我的public / index.html文件中，但不起作用

<script type="text/babel" src="javascript/vendors/jquery-3.2.1.min.js"></script>
      <script type="text/babel" src="javascript/vendors/bootstrap.bundle.min.js"></script>
      <script type="text/babel" src="javascript/vendors/jquery.sparkline.min.js"></script>
      <script type="text/babel" src="javascript/vendors/circle-progress.min.js"></script>
      <script type="text/babel" src="plugins/rating/jquery.rating-stars.js"></script>
      <script type="text/babel" src="plugins/charts-c3/d3.v5.min.js"></script>
      <script type="text/babel" src="plugins/charts-c3/c3-chart.js"></script>
      <script type="text/babel" src="plugins/sidebar/sidebar.js"></script>
      <script type="text/babel" src="plugins/horizontal-menu/webslidemenu.js"></script>
      <script type="text/babel" src="plugins/jquery-jside-menu-master/js/jquery.jside.menu.js"></script>
      <script type="text/babel" src="plugins/scroll-bar/jquery.mCustomScrollbar.concat.min.js"></script>
      <script type="text/babel" src="javascript/custom.js"></script>
```

Answer 1

ReactJS使用虚拟DOM，所以您不应该使用外部js，因为它们都与真实DOM一起使用，这会降低您的应用程序的速度。如果将其与React一起使用，则删除了React的最佳功能，则需要转换所有库并像反应方式一样使用它（import，require ...）。

我正在使用多个html模板进行react项目，它们有很多外部js文件，但是我只保留CSS，图像，字体。

如何在reactjs中添加外部JS库

1 个答案: