Интеграция jsPlumb в React - PullRequest
Новая
       5

Интеграция jsPlumb в React

0 голосов
/ 25 сентября 2018

Нужно реализовать jsPlumb в реагировать, и я проанализировал, что jsPlumb с интегрированной реакцией лицензирован ReactjsPlumb .

Мне нужен плагин с открытым исходным кодом, который работает как jsPlumb в реагировать и пробовал следующее:

jsplumb-реагировать ,

реагироватьdag .

Я не могу использовать эти плагины, так как оба плагина написаны на TypeScript.Есть ли какие-либо другие плагины, такие как jsPlumb, в реакции с чистой функциональностью реакции.

Каким-то образом добавлена ​​версия сообщества jsPlumb в реакции, как показано ниже: 

class App extends Component {
     componentDidMount() {

       //later we use like that , is this recommended ?

       // $(".item").resizable({
       //     resize : function(event, ui) {            
       //             jsPlumb.repaint(ui.helper);
       //         },
       //         handles: "all"
       //     });

        jsPlumb.ready(function() {
               jsPlumb.connect({
                   source:"item_left",
                   target:"item_right",
                   endpoint:"Rectangle"
               });

               jsPlumb.draggable("item_left", {containment:"parent"});
               jsPlumb.draggable("item_right", {containment:"parent"});
           });
     }

     render() {
       return (
         <div id="diagramContainer">
           <div id="item_left"  className="item"></div>
           <div id="item_right" className="item" 
           style={{marginLeft:"150px"}}></div>
       </div>
       );
     }
   }

Я не знаю, используяjsPlumb (javascript + jQuery) с реакцией будет более разумным выбором, потому что jsPlumb обрабатывает перетаскивание внутри и обрабатывает DOM напрямую.Реакция другая. Это похоже на тупик ... Есть предложения?

1 Ответ

0 голосов
/ 25 сентября 2018

Обертывание плагинов jQuery с React - не всегда лучший выбор.Тем не менее, приятно знать, что это вариант и как вы можете реализовать решение.Это жизнеспособный вариант, если вы переносите устаревшее приложение jQuery в React или просто не можете найти плагин React, который соответствует вашим потребностям в вашем случае.

check this ответ для подробного объяснения

...