如何在react组件中使用jquery脚本？ $（文档）.ready（函数（）{ var源； var目的地； var fn=函数（事件，用户界面）{ toDrop=$（ui.draggable.clone（）； 如果（$（“#droppable”）.find（“li[uniqueIdentity=“+toDrop.attr（“uniqueIdentity”）+”]）.length

您可以将npm依赖项导入为

<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>

然后在组件中，您可以将其作为

npm install jquery

然后可以使用$as$（document.ready（function（）{）}编写代码

---

这是npm中jquery的一个变通方法

您不需要将jquery与React混合使用，您可以像上面所说的那样使用npm包，您不应该将React与jquery混合使用。没有必要，而是搜索3d零件npm库来处理这个问题。

import $ from "jquery"