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>

我正在使用drap and drop功能，在html中使用这个jquuey，它正常工作如何在react组件中使用它。

Answer 1

您可以将npm依赖项导入为

npm install jquery

然后在您的组件中，您可以将其导入为

import $ from "jquery"

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

以下是npm https://github.com/reactjs/react-rails/issues/209

中jquery的解决方法

如何在react组件中使用jquery脚本？

1 个答案: