Блог

я использую шаблон, в котором много внешних файлов js, я хочу использовать весь функционал этого шаблона, но я не знаю, как включить файлы js в проект reactjs

что я делаю сейчас, так это добавляю этот код в мой 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 использует виртуальный DOM, поэтому вам не следует использовать внешний js, потому что все они работают с реальным DOM, замедлит работу вашего приложения, если вы используете его с React, вы удаляете лучшую функцию React, вам нужно преобразовать всю библиотеку и использовать ее как способ react (импортировать, требовать …).

Я использую несколько html-шаблонов для проекта react, в них много внешних js-файлов, но я сохраняю только css, изображение, шрифт.