path in removeNode

I try remove my Node, how I can get path in my case?

export default class TreeVera extends Component {
    constructor(props) {
        super(props);
        this.updateTreeData = this.updateTreeData.bind(this);
        this.removeNode = this.removeNode.bind(this);
        this.state = {
            treeData: [{
                title: (<div>
                        <input />
                        <button onClick={this.removeNode}>remove</button>
                    </div>),
            }]
        };
    }
    removeNode(e){
        this.setState({
               treeData: removeNodeAtPath({
                   treeData: this.state.treeData,
                   path: ????,
                   getNodeKey: ({node: TreeNode, treeIndex: number}) => {
                       console.log(number);
                       return number;
                   },
                   ignoreCollapsed: false,
               })
        })
    }
    updateTreeData(treeData) {
        this.setState({ treeData });
    }
    render() {
        return (
            <div style={{ height: 600 }}>
                <SortableTree
                    treeData={this.state.treeData}
                    onChange={this.updateTreeData}
                />
            </div>
        );
    }
}

[anil1712]

Try to use generateNodeProps to create delete button.

<SortableTree
     treeData={this.state.treeData}
     onChange={treeData => this.onChange(treeData)}
     generateNodeProps={rowInfo => ({
         buttons: [
                   <Button label='Delete'
                            onClick={(event) => this.removeNode(rowInfo)}/>,
                ],
      })}

removeNode(rowInfo) {
    let {node, treeIndex, path} = rowInfo;
    removeNodeAtPath({
                   treeData: this.state.treeData,
                   path: path,   // You can use path from here
                   getNodeKey: ({node: TreeNode, treeIndex: number}) => {
                       console.log(number);
                       return number;
                   },
              ignoreCollapsed: false,
           })
}

I am using the same way but some how getting below exception in browser console Uncaught (in promise) Error: No node found at the given path. Let me know if its working for you

@fritz-c can you please check am I doing something wrong.

Thanks,

[nguyenthuc]

@hungnguyen1412
You can to set newNode : {… currentNode, ItemNode }, removeNodeAtPath({ treeData: treeData, path: myPath, getNodeKey: ({ treeIndex }) => treeIndex, newNode: { …currentNode, ItemNode }, ignoreCollapsed: false }) Working for me