Quiero lograr Redimensionable en React usando Jquery UI.
Tengo un código como este ..
import $ from 'jquery'; import 'jquery-ui'; ... ... useEffect(() => { $(function () { $(".resizable").resizable(); }); }, []) ... ... <div className="resizable" >Test</div>No me sale el error pero el redimensionable no funciona...
Quiero un logro como este jqueryui.com/resizable
Prueba esto
Primero, instale jquery-ui-bundle
npm install jquery-ui-bundle --saveDespués,
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> Al hacer algunas búsquedas en Google que encontré mientras usaba jquery-ui , podemos importar widgets individuales (podría ser bastante engorroso) o instalar jquery-ui-bundle en su lugar e importarlo solo una vez.