javascript - 如何在 react-sortable-tree 中编辑和删除节点？

Question

我必须使用 react-sortable-tree 进行拖放树视图。而且我还需要在我的树视图中进行 crud 操作。我已经在树视图上添加、编辑和删除到我的父节点。出乎意料的是，每当我拖动节点时，我都会遇到一些问题，那时我的第一个孩子将编辑并在之后正确更新，但无法使用删除功能，并且第 n 个孩子也无法正常添加、编辑和删除节点。

我的代码沙盒实时链接。

Answer 1

问题是您正在使用旧的 setState 语法更新状态。像这样，

setState({ stateKey: stateValue });

但是新的 useState 钩子不需要 stateKey。你可以通过调用来更新状态setState(stateValue)。

所以，与其写这个，

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

你应该写这个，

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

这是工作代码链接。