React 导入 Jquery-Ui 可排序

Question

我曾尝试使用可排序的 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' 已定义但从未使用过

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

Answer 1

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

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

改成

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