Как интегрировать / получить доступ к getorgchart с реагировать - PullRequest
Новая
       23

Как интегрировать / получить доступ к getorgchart с реагировать

1 голос
/ 29 апреля 2019

Есть ли способ интегрировать / использовать getorgchart сactjs, так как я хочу включить его в свое приложение реагировать с js. Я пробовал приведенный ниже код (то есть рендеринг HTML-кода getorgchart в компоненте activjs), но он не работал и имел синтаксисошибка, поэтому, пожалуйста, помогите мне настроить его с помощью activjs. 

import React, { Component } from 'react';
   import { BrowserRouter as Router, Switch, Route, Link } from 'react- router-dom';

   class Chart extends React.Component {
   constructor (props) {
   super(props)
   this.state = {
      };
    }
   render() {
   return (
    <html>
   <head>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
   <script src="https://balkangraph.com/js/latest/orgchart.js"></script>
   </head>
   <body>
   <div id="orgchart">
   </div>
   <script>
   var chart = new OrgChart(document.getElementById("orgchart"), {
       theme:"planner",   //getting error on ':' colon      
       enableEdit: false, 
        enableZoom:false,
        enableSearch: false,
        enableMove: true,
        enableDetailsView: false,

        nodeMenu:{
                details: {text:"Details"},
                edit: {text:"Edit"},
                add: {text:"Add"},
                remove: {text:"Remove"}
            },
            nodeBinding: {
                field_0: "name"

            },
            nodes: [
                { id: 1, name: "Amber McKenzie"},
                { id: 2, pid: 1, name: "Ava Field" },
                { id: 3, pid: 1, name: "Peter Stevens" }
            ]
        });

    </script>
</body>

</html>

    );
}

}
export default Chart;
...