path in removeNode about react-sortable-tree HOT 8 CLOSED

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,

from react-sortable-tree.

@anil1712 Thank you for adding your code. I've been busy outside of work lately, so it helps when members in the community help out.

Regarding the node error, could you give me the stack trace and steps for reproduction?

Your code looks like it would work except for one part - the result of removeNodeAtPath needs to be used to update this.state.treeData in your component.

from react-sortable-tree.

Thanks for reply @fritz-c
Now its also working for me.

from react-sortable-tree.

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

from react-sortable-tree.

Thanks, your code works perfect!

from react-sortable-tree.

Hello, Can anyone please help with this and how to remove any node in the tree. Why because means I was trying the above same code in the functional component and got the error like this

Error: No node found at the given path.

from react-sortable-tree.

@fritz-c can you help me with this issue?
I'm try to delete a node like that:

const _newTreeData = removeNodeAtPath({
      treeData: treeData,
      path: myPath,
      getNodeKey: ({ treeIndex }) => treeIndex,
      ignoreCollapsed: false
    })

    setTreeData(_newTreeData)

It returns the error like that Error: No node found at the given path.
Thanks

from react-sortable-tree.

@hungnguyen1412
moving a node from one place to another carries its path value, and when we perform an operation such as removeNodeAtPath, the function is not able to find the node at the given path.

from react-sortable-tree.