javascript - How can I edit and delete node in react-sortable-tree?

Question

Closed. This question needs details or clarity. It is not currently accepting answers. question from:https://stackoverflow.com/questions/65517214/how-can-i-edit-and-delete-node-in-react-sortable-tree

Answer 1

The problem is you are updating the state using old setState syntax. Like this,

setState({ stateKey: stateValue });

But new useState hook doesn't need the stateKey. You can update the state by just calling the setState(stateValue).

So, instead of writing this,

settreeData({
      treeData: removeNodeAtPath({
        treeData: treeData,
        path: path,
        getNodeKey: ({ treeIndex: number, node: TreeNode }) => {
          return number;
        },
        ignoreCollapsed: false
      })
    });

You should write this,

settreeData(
      removeNodeAtPath({
        treeData: treeData,
        path: path,
        getNodeKey: ({ treeIndex: number, node: TreeNode }) => {
          return number;
        },
        ignoreCollapsed: false
      })
    );

Here is the working code link.