Javascript 在React和get jquery_1中使用jquery。默认值（…）。Resizeable不是一个函数

我将jquery与React一起使用。当我想使用$（.myclass）.resizeable（）时。我遇到一个错误：

在React中使用jquery并获取jquery_1。默认值（…）。resizeable不是一个函数

以下是演示：

从“React”导入React；
从'react dom'导入{render}；
从“reactstrap”导入{Modal，ModalHeader，ModalBody，ModalFooter}；
从“jquery”导入美元；
导出默认类RND扩展React.Component{
构造函数（）{
超级（）；
$（'.modal content'）。可调整大小({
//alsoResize:“.modal对话框”，
身高：300，
最小宽度：300
});
$（'.modal dialog'）.draggable（）；
$（'#myModal'）.on（'show.bs.modal'，function（）{
$（本）
.find（“.modal body”）
.css({
“最大高度”：“100%”
});
});
}
modalClose=（）=>{
这是我的国家({
modalShow：错误
});
};
onStart=（）=>{
console.log（'here'）；
};
render（）{
返回(
{
this.setState（{showmodel:false}）；
这个。modalClose（）；
}}
风格={{
最小宽度：“30rem”，
边框：“0.1rem纯绿色”
}}
>
{
this.setState（{showmodel:false}）；
这个。modalClose（）；
}}
>
标题
身体数据
);
}
}

我想要的是使弹出模式可调整大小并可拖动。如果有一种方法可以在没有jquery的情况下实现它，那么它也适用于我。

我找到了一个解决方案。 步骤1： NPMIjQueryUI

步骤2： 在jsx文件中添加这些源代码

import 'jquery-ui/themes/base/resizable.css';
import 'jquery-ui/themes/base/draggable.css';

require('jquery-ui/ui/version');
require('jquery-ui/ui/plugin');
require('jquery-ui/ui/widget');
require('jquery-ui/ui/widgets/mouse');
require('jquery-ui/ui/widgets/resizable');
require('jquery-ui/ui/widgets/draggable');

然后可以使用jqueryui函数

import 'jquery-ui/themes/base/resizable.css';
import 'jquery-ui/themes/base/draggable.css';

require('jquery-ui/ui/version');
require('jquery-ui/ui/plugin');
require('jquery-ui/ui/widget');
require('jquery-ui/ui/widgets/mouse');
require('jquery-ui/ui/widgets/resizable');
require('jquery-ui/ui/widgets/draggable');