Import jQuery in React inside single component

Question

I want to import jQuery inside reactjs only inside 1 component because of the performance of the app but it doesn't work i keep getting error that '$' is not defined when using jQuery inside the page

what i want to do something like this :

import "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js";

how can i achieve this ?

Evren · Accepted Answer · 2022-06-05 18:21:14Z

1

CDN should be placed in index.html file not in js and then in you can use it in React component. You can't bundle CDN inside your JS, this againist the goal of having it on CDN. Check webpack externals https://webpack.js.org/configuration/externals/

answered Jun 5, 2022 at 18:21

Evren

4,4601 gold badge13 silver badges20 bronze badges

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

3 Comments

Razor Jhon Over a year ago

but if i added CDN inside index.html it will be loaded inside the whole app , also the $ is still not defined even when I import $ , should i ( npm i jquery ) and use it instead ? also does it affect the whole app ?

Evren Over a year ago

Cdn in index.html or install with npm will be available for whole app, that's why I explained that you can not bundle for single component @RazorJhon

Razor Jhon Over a year ago

npm is easier than importing an external link module , i will use npm instead , thank you for explanation

Collectives™ on Stack Overflow

Import jQuery in React inside single component

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related