>  기사  >  웹 프론트엔드  >  반응에 jquery를 내장할 수 있나요?

반응에 jquery를 내장할 수 있나요?

WBOY
WBOY원래의
2022-04-21 16:34:342594검색

jquery는 반응에 포함될 수 있습니다. 방법: 1. "npm install jquery --save"를 사용하여 jquery를 설치합니다. 2. webpack 구성 파일을 수정합니다. 3. "require(jquery.plugin 경로)"를 사용하여 jquery 플러그인을 참조합니다.

반응에 jquery를 내장할 수 있나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

jquery를 React에 포함할 수 있나요?
npm install jquery --save

jquery 플러그인 사용 방법

Jquery 플러그인을 참조하려면 먼저 require(/your/path/jquery.plugin)를 사용하세요

webpack은 ES6의 import, requirejs, commonjs 구문을 지원하며 CMD,

AMD를 사용하여 참조할 수 있습니다.

AMD 작성 방법:

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

CMD 작성 방법

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

마지막으로 내보낸 함수를 React에서 참조하고 라이프사이클 함수에서 호출합니다.

 function orgOrgChart(data){
          //插件逻辑
      }
      $(function(){
             //页面逻辑
      })
      module.exports.orgOrgChart = orgOrgChart //导出函数

추천 학습: "

react 비디오 튜토리얼

"

위 내용은 반응에 jquery를 내장할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.