React 导入 Jquery-Ui 可排序

Posted

技术标签:

【中文标题】React 导入 Jquery-Ui 可排序【英文标题】:React import Jquery-Ui sortable 【发布时间】:2020-04-18 01:42:34 【问题描述】:

我曾尝试使用可排序的 Jquery-Ui。我是这样做的:

import React from 'react';
import $ from 'jquery';
import sortable from 'jquery-ui/ui/widgets/sortable';

class test extends React.Component 
componentDidMount() 
$('.element').sortable();

render() ...

这很好,但我有一个问题: 我收到警告: 编译时带有警告。 'sortable' 已定义但从未使用过

如果我忽略了可排序的导入,它就不起作用。 我该如何解决?

【问题讨论】:

【参考方案1】:

Sortable 是 JQuery 的插件,所以不需要导入为变量:

import sortable from 'jquery-ui/ui/widgets/sortable';

改成

import 'jquery-ui/ui/widgets/sortable';

【讨论】:

以上是关于React 导入 Jquery-Ui 可排序的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-UI 可拖动和可排序

排序后从列表中获取可排序的 Jquery-ui 数据

在移动设备上使用可排序的触摸事件 + jquery-ui 无法按预期工作

获取类中元素的特定属性的当前顺序作为jquery-ui排序中的数组

手动添加 jquery 和 jquery-ui 到 grails 项目

Jquery-ui Sortable with js list maker from array 无法正常工作