如何在reactjs中使用javascript外部库文件?

如何在reactjs中使用javascript外部库文件?,reactjs,Reactjs,我是新来的。我正在集成包含JS库(如图形、工具提示等)的管理主题。我面临的问题是,它会产生错误,并且下拉列表不起作用。 我的index.html文件包含js文件 <script src="./assets/js/main/jquery.min.js"></script> <script src="./global_assets/js/main/bootstrap.bundle.min.js"></script>

我是新来的。我正在集成包含JS库(如图形、工具提示等)的管理主题。我面临的问题是,它会产生错误,并且下拉列表不起作用。 我的index.html文件包含js文件

<script src="./assets/js/main/jquery.min.js"></script>
<script src="./global_assets/js/main/bootstrap.bundle.min.js"></script>
<script src="./global_assets/js/plugins/loaders/blockui.min.js"></script>
<!-- /core JS files -->
<!-- Theme JS files -->
<script src="./global_assets/js/plugins/visualization/d3/d3.min.js"></script>
<script src="./global_assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
<script src="./global_assets/js/plugins/forms/styling/switchery.min.js"></script>
<script src="./global_assets/js/plugins/ui/moment/moment.min.js"></script>
<script src="./global_assets/js/plugins/pickers/daterangepicker.js"></script>

<script src="assets/js/app.js"></script>
<script src="./global_assets/js/demo_pages/dashboard.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/streamgraph.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/sparklines.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/lines.js"></script>   
<script src="./global_assets/js/demo_charts/pages/dashboard/light/areas.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/donuts.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/bars.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/progress.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/heatmaps.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/pies.js"></script>
<script src="./global_assets/js/demo_charts/pages/dashboard/light/bullets.js"></script>
<!-- /theme JS files -->

我得到了这些问题
还有一个下拉列表“不工作”我如何解决它。

您可以使用npm软件包解决同样的问题

  • 对于d3图
  • 暂时
  • 日期选择器
  • 使用
    npm Install
    命令安装npm软件包

    import moment from 'moment';
    import { Graph } from "react-d3-graph";
    
    使用
    Import
    命令在React组件上导入它们

    import moment from 'moment';
    import { Graph } from "react-d3-graph";
    

    在安装软件包之前,请检查软件包的文档。

    好的,我正在尝试安装软件包。如果您仍然面临任何问题,请告诉我