JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css">
<div id="using_json_2"></div>

JavaScript

$('#using_json_2').jstree({ 'core' : {
    'data' : [
       { "id" : "ajson1", "parent" : "#", "text" : "Simple root node", "date":"2018"},
       { "id" : "ajson2", "parent" : "#", "text" : "Root node 2", "date":"2018"},
       { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1", "date":"12" },
       { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2", "date":"12" },
    ]
} });

   $('#using_json_2').on("select_node.jstree", function (e, data){
      console.log("node_id: " , data,'original',data.node.original);  
      var id = data.node.original.id;
      $.ajax({
          url:'https://jsonplaceholder.typicode.com/users/'+id,
          type:'GET',
          success:function(data){
            var s = [];
            s.push(
                { "id" : "ajson5", "parent" : "ajson2", "text" : "File 1", "date":"12" },
                { "id" : "ajson6", "parent" : "ajson2", "text" : "File 2", "date":"12" }
            );
          }
      });
	});