如何在create-react-app中使用jQuery依赖的插件

前端之家收集整理的这篇文章主要介绍了如何在create-react-app中使用jQuery依赖的插件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的使用create-react-app的React应用程序中使用bootstrap和其他jQuery插件(datepicker,carousel,…).

以下是我导入jQuery和bootstrap的方法

import React,{ Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import $from 'jquery';
window.jQuery = window.$= $;
import 'bootstrap/dist/js/bootstrap.min';

我收到以下错误

./src/App.js
  Line 5:  Import in body of module; reorder to top  import/first

Search for the keywords to learn more about each error.

请注意,我不想使用react-bootstrap包.

在这种情况下使用bootstrap或bootstrap-datepicker我需要它而不是导入它.
import React,{ Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import $from 'jquery';
window.jQuery = window.$= $;
require('bootstrap');
require('bootstrap-datepicker');

猜你在找的React相关文章