Jquery peut-il être intégré dans React ?

jquery peut être intégré dans React. Méthode : 1. Utilisez "npm install jquery --save" pour installer jquery ; 2. Modifiez le fichier de configuration du webpack ; 3. Utilisez "require (chemin jquery.plugin)" pour référencer le plug-in jquery.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

Jquery peut-il être intégré dans React ? Jquery peut-il être intégré dans React ? webpack prend en charge l'importation d'ES6, requirejs, la syntaxe commonjs et peut être référencé à l'aide de CMD,

AMD. Méthode d'écriture AMD :

npm install jquery --save

Méthode d'écriture CMD

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

Enfin, référencez la fonction exportée dans React et appelez-la dans la fonction de cycle de vie

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

Apprentissage recommandé : "

Tutoriel vidéo React

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!