2017-06-19 52 views
0

当我尝试使用jquery和bootstrap。我收到以下错误导入jquery和bootstrap在reactjs作为ES6

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'; 

请帮我进口引导和jQuery在reactjs

+0

你不应该使用Jquery和React,如果你想使用react-bootstrap,你实际上并不需要jquery,但只需引导css –

+0

你能帮我怎么做。我通过删除jquery来进行更改,但仍然不会影响引导类。 – krrr25

+0

看看这个答案:https://stackoverflow.com/questions/40784226/cannot-apply-any-bootstrap-style-in-using-react-bootstrap-library/40784883#40784883 –

回答

0

移动的反应,引导进口下方的jQuery的窗口设置。正如已经提到的人,你不需要导入自己的jQuery来使用react-bootstrap。看看他们的installation instructions,你会发现唯一需要的代码是reactreact-dom

+0

你能给我一个样本请。 – krrr25

+1

是的,我发布了一个带有大量示例的文档链接。在这里检查https://react-bootstrap.github.io/getting-started.html –