Heim > Web-Frontend > Front-End-Fragen und Antworten > Kann Jquery in React eingebettet werden?

Kann Jquery in React eingebettet werden?

WBOY
Freigeben: 2022-04-21 16:34:34
Original
2656 Leute haben es durchsucht

jquery kann in React eingebettet werden. Methode: 1. Verwenden Sie „npm install jquery --save“, um jquery zu installieren. 2. Ändern Sie die Webpack-Konfigurationsdatei. 3. Verwenden Sie „require (jquery.plugin path)“, um auf das jquery-Plug-in zu verweisen.

Kann Jquery in React eingebettet werden?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Kann Jquery in React eingebettet werden? Webpack unterstützt die Import-, Requirejs- und CommonJS-Syntax von ES6 und kann mit CMD,

AMD referenziert werden. AMD-Schreibmethode:

npm install jquery --save
Nach dem Login kopieren

CMD-Schreibmethode

     //修改webpack配置文件:
     plugins:[
        new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        "window.jQuery":"jquery"
        })
      ]
Nach dem Login kopieren

Zum Schluss referenzieren Sie die exportierte Funktion in React und rufen Sie sie in der Lebenszyklusfunktion auf

     define(["jquery"],function($){
         ...
         var initialChart = function(data){
             //插件逻辑
         }
         ...
         $(function(){
             //页面逻辑
         })
         ...
         
         return{
            initialChart:initialChart //导出函数
         } 
     })
Nach dem Login kopieren

Empfohlenes Lernen: „

React-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann Jquery in React eingebettet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage