将 reactjs 中的 jquery 和 bootstrap 导入为 ES6

Question

当我尝试使用 jquery 和 bootstrap 时。我收到以下错误

Import in body of module; reorder to top  import/first

找到我正在使用的以下顺序。

import React, {Component} from 'react'
import jquery from 'jquery';
window.$ = window.jQuery=jquery;
import { Navbar, Nav, NavItem, Glyphicon, MenuItem, NavDropdown } from 'react-bootstrap';

请帮我在 reactjs 中导入 bootstrap 和 jquery

Answer 1

将 jQuery 窗口分配移动到 react-bootstrap 导入下方。正如有人已经提到的，您无需导入自己的 jQuery 即可使用 react-bootstrap。看看他们的installation instructions，你会发现唯一需要的部门是react 和react-dom。