如何将第三方JS库集成到我的React JS应用中

Question

我想转换使用html JS和jQuery开发的现有应用程序，此应用程序使用第三方库，例如（boostrap JS＆tableSorter JS datepicker）。

如何将它们集成到react应用程序中以保持动画表排序，而无需使用react重新开发它们。

import "./js/jquery.tablesorter";
import "./js/jquery.tablesorter.widgets";
import "./js/bootstrap-datetimepicker/js/moment";
import "./js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min";
import "./js/bootstrap-select.min";

import ReactDOM from "react-dom";
import React from "react";
import History from "./History";
import Footer from "./Footer";
import Header from "./Header";

const App = () => {
  return (
    <div id="page" className="clearfix">
      <Header />
      <History />
      <Footer />
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("login"));

控制台对于集成的JS文件如何jQuery冲突和其他JS错误

请给我解决方案，如何集成这些库。