import React, {Component} from 'react';
import $ from 'jquery';

$.ajax({
            type: "GET",
            url: 'http://localhost:8080/tree',
            dataType: "json",
            success: function (response) {
                $('#tree').treeview({
                    levels: 1,
                    showTags: true,
                    selectable: true,
                    highlightSelected: true,
                    data: response,
                    onNodeSelected: function (event, node) {
               //         clickDocsNode(event, node);
                    },
                    onNodeUnselected: function (event, node) {
                //        clickDocsNode(event, node);
                    }
                });
            },
            error: function () {
                console.log("error");
            }
        });

npm i axios -S

import React, {Component} from 'react';
import axios from 'axios';
import TreeView from '../src/react-treeview';

export default class TreeComponent extend React.Component
{

    constructor(props){
        super(props);
        
        this.state = {
          dataSource: []
       }
    }

     componenetWillMount(){
        axios.get('http://localhost:8080/tree')
                .then(response => {
                      /*
                      тут думаем, нужно ли нам использовать jquery плагин treeview, скорее всего нам это не нужно
                      потому что, для того что бы заставить работать плагин jquery в реакте, необходимо прибегать к хакам архитектуры
                      например тулить дополнительные <script></script> в основной файл...
                      Проще найти компонент построения дерева для реакта, или для того что бы лучше освоить реакт, 
                      написать такой компонент самостоятельно. Пример готового компонента для построения дерева 
                       https://github.com/chenglou/react-treeview 
                      */
                })
                .catch(error => {
                      console.log(error);
                });
     }

     render(){
           return(
                 <div>
                       {
                             //выводим результат работы компонента дерева
                       }
                 </div> 
           );
     }
} 

import React, {Component} from 'react';
import axios from 'axios';

export default class TreeComponent extend React.Component
{

    constructor(props){
        super(props);
        
        this.state = {
          dataSource: []
       }
    }

     componenetWillMount(){
        axios.get('http://localhost:8080/tree')
                .then(response => {
                      const data = this.dataAdapter(response.data);
                      
                      //передаем данные в state для дальнейшего использования в стороннем компоненте дерева
                      this.setState({
                            dataSource: data
                      }); 
                })
                .catch(error => {
                      console.log(error);
                });
     }

     dataAdapter(data){
          let adaptedData = [];
          
          for(let key in data) {
              //преобразуем data[key] к нужному виду
              const adaptedItem = {};

              //кладем в возвращаемый массив
              adaptedData.push(adaptedItem);
          }

          return adaptedData;
     }

     render(){
           return(
                 <div>
                       {
                             //выводим результат работы компонента дерева
                       }
                 </div> 
           );
     }
}