反応コンポーネントでjqueryスクリプトを使用するにはどうすればいいですか？

Question

<script> 
    $(document).ready(function() { 
     var source; 
     var destination; 
     var fn = function(event, ui) { 
      toDrop = $(ui.draggable).clone(); 
      if ($("#droppable").find("li[uniqueIdentity=" + toDrop.attr("uniqueIdentity") + "]").length <= 0) { 
       $("#droppable").append(toDrop); 
      } 
      else 
       return false; 
     }; 
     $("#draggable li").draggable({ 
      helper: 'clone' 
     }); 
     $("#droppable").droppable({ drop: fn }); 
    }); 
</script> 

私は、このjquueyをhtmlで使用することによって、drapとdropの機能を使用しています。

Answer 1

あなたは

npm install jquery 

としてNPMの依存関係をインポートすることができ、その後、あなたのコンポーネントにあなたは

import $ from "jquery" 

としてそれをインポートすることができ、その後、あなたは$（文書）として$を使用してコードを書くことができます。準備ができている（function（）{）};ここで

はあなたが反応してjqueryのを混在させる必要はありませんNPM https://github.com/reactjs/react-rails/issues/209