Jquery不工作于反应性功能组件。
Jquery不工作于反应性功能组件。
提问于 2022-01-04 23:20:51
我希望在使用Jquery时实现可调整大小。
我有这样的代码。
import $ from 'jquery';
import 'jquery-ui';
...
...
useEffect(() => {
$(function () {
$(".resizable").resizable();
});
}, [])
...
...
<div className="resizable" >Test</div>我不明白这个错误，但是可调整大小不起作用.
我想要像这样的jqueryui.com/resizable
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-04 23:33:17
尝尝这个
首先，安装jquery-ui-bundle。
npm install jquery-ui-bundle --save然后,
import React, { useEffect, useRef } from 'react';
import $ from 'jquery';
import 'jquery-ui-bundle';
import 'jquery-ui-bundle/jquery-ui.css';
...
...
const ref = useRef();
useEffect(() => {
$(function () {
$(ref.current).resizable();
});
}, [ref.current]);
...
...
<div className="resizable" ref={ref}>Test</div>在使用jquery-ui时，我在谷歌上发现，我们可以导入单独的小部件(可能非常麻烦)，或者安装jquery-ui-bundle，然后只导入一次。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70589115
复制相关文章
点击加载更多
相似问题
反应性功能组件中的Chrome API不工作
按钮onClick在一个反应性功能组件中不工作
如何在反应性功能组件中集成jquery插件
从反应性功能组件返回变量
反应性功能组件中的异步/等待
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
