Import jquery and bootstrap in reactjs as ES6

Question

When i try to use jquery and bootstrap. I received the below error

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

Find the below order which i am using.

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

Please help me to import bootstrap and jquery in reactjs

You shouln't use Jquery with React, If you want to make use of react-bootstrap, you don't actually need jquery but only Bootstrap css — Shubham Khatri
– Shubham Khatri, Commented Jun 19, 2017 at 18:06
Can you help me how to do that. I have make changes by removing jquery but still bootstrap classes are not getting affected. — krrr25
– krrr25, Commented Jun 20, 2017 at 6:27
Have a look at this answer: stackoverflow.com/questions/40784226/… — Shubham Khatri
– Shubham Khatri, Commented Jun 20, 2017 at 6:30

Chase DeAnda · Accepted Answer · 2017-06-19 21:41:48Z

0

Move the jQuery window assignment below the react-bootstrap import. As someone already mentioned, you don't need to import your own jQuery to use react-bootstrap. Have a look at their installation instructions and you'll see that the only required deps are react and react-dom.

answered Jun 19, 2017 at 21:41

Chase DeAnda

16.5k3 gold badges34 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

krrr25 Over a year ago

Can you give me one sample please.

Chase DeAnda Over a year ago

Yeah, I posted a link to their docs with lots of examples. Check it here react-bootstrap.github.io/getting-started.html

Collectives™ on Stack Overflow

Import jquery and bootstrap in reactjs as ES6

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related