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

我想转换使用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.tablesorter”； 导入“/js/jquery.tablesorter.widgets”； 导入“/js/bootstrap datetimepicker/js/moment”； 导入“/js/bootstrap datetimepicker/js/bootstrap datetimepicker.min”； 导入“/js/bootstrap select.min”； 从“react dom”导入react dom； 从“React”导入React； 从“/History”导入历史记录； 从“/Footer”导入页脚； 从“/Header”导入标题； 常量应用=（）=>{ 返回( ); }; ReactDOM.render（，document.getElementById（“登录”）； 控制台显示集成JS文件的jQuery冲突和其他JS错误

---

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

你不应该。不要将jQuery或类似的lib与React混合使用。当然可以，但这是一种不好的做法，因为它会导致不可预测的代码，并且很难维护。许多JS库在npm注册表中都有经过react调整的包。因此，您可以查找您感兴趣的项目，并将它们作为依赖项添加到项目中。也就是说，这个用于日期时间选择器：