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

Question

我想在使用create-react-app的React應用程序中使用引導程序和其他jQuery插件（datepicker，carousel，...）。

這是我如何導入jQuery和引導：

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包。

Answer 1

在這種情況下，使用bootstrap或bootstrap-datepicker我需要require而不是導入它。

import React, { Component } from 'react'; 
import 'bootstrap/dist/css/bootstrap.min.css'; 
import $ from 'jquery'; 
window.jQuery = window.$ = $; 
require('bootstrap'); 
require('bootstrap-datepicker');