reactjs - 如何在 React 树视图中添加/删除节点

Question

我想创建一个树，允许用户通过单击用户想要将子节点添加到/删除他们单击的节点的节点来添加/删除节点。我正在使用 react-expendable-treeview 包，因为我喜欢它的视觉效果。Javascript 功能可以在 src/lib/components/ 下找到

github repo 可以在这里找到：https ://github.com/fosco/react-expandable-treeview ，树看起来像这样：https ://imgur.com/7Y5xcIj

传递到 TreeView 组件的数据是在 javascript 文件中预定义的，如下所示：

const testData = [
{
    id: 0,
    name: "Felidae",
    children: [
        {
            id: 1,
            name: "Pantherinae",
            children: [
                {
                    id: 2,
                    name: "Neofelis",
                },
                {
                    id: 3,
                    name: "Panthera",
                }
            ]
        },
        {

我想知道如何设置它，以便能够添加/删除孩子。我知道还有许多其他反应树包，例如 react-d3-tree。但是，我在视觉上喜欢这个外观。如果有人知道我如何修改这个包或将 react-d3-tree 或其他包的主题更改为这样，请告诉我。