JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<div id="tree">
    <ul>
        <li id="node1"><a>Hello</a></li>
    </ul>
</div>

JavaScript

$(function() {
    $("#tree").jstree({
        "json_data": {
            "data": [
                {
                "data": "Hello",
                "attr": {
                    "id": "root.id"
                },
                "children": [{
                    "data": "Hello World",
                    "attr": {
                        "id": "child1.id"
                    },
                    "children": []}
                                                                            ]},
                ]
        },
        "plugins": ["themes", "json_data", "crrm"]
    });
});


    $("#tree").jstree("create", $("#child1\\.id"), "inside", {
        "data": "child2"
    }, function() {
        alert("added");
    }, true);