时间戳

首页 > 解决方案 > 如何在 reactjs 中添加外部 JS 库

reactjs - 如何在 reactjs 中添加外部 JS 库

问题描述

我正在使用一个包含许多 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>
```

标签： reactjs

解决方案

ReactJS 使用虚拟 DOM，所以你不应该使用外部 js，因为它们都是使用真实的 DOM，会减慢你的应用程序，如果你使用它与 React 一起使用，你删除了 React 的最佳特性，你需要转换所有库和像反应方式一样使用它（导入，需要......）。

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

推荐阅读