如何防止从react-sortable-tree拖拽到另一个组件后移除节点？

要防止从react-sortable-tree拖拽到另一个组件后移除节点，可以通过以下步骤实现：

在react-sortable-tree组件中，使用onDragStateChanged事件来监听拖拽状态的变化。
当拖拽状态变为"dragging"时，表示节点正在被拖拽，此时可以记录下被拖拽的节点的信息，例如节点的id或其他标识符。
在目标组件中，接收被拖拽的节点信息，并根据需要进行处理。可以在目标组件的state中维护一个数组，用于存储被拖拽的节点。
在目标组件中，使用onDrop事件来监听节点的放置操作。
当节点被放置时，可以根据被拖拽的节点信息，将节点从react-sortable-tree中移除。

以下是一个示例代码：

import React, { useState } from 'react';
import SortableTree from 'react-sortable-tree';

const TreeComponent = () => {
  const [draggedNode, setDraggedNode] = useState(null);

  const handleDragStateChanged = (state) => {
    if (state === 'dragging') {
      // 记录被拖拽的节点信息
      setDraggedNode(state.node);
    }
  };

  return (
    <SortableTree
      // 其他属性配置
      onDragStateChanged={handleDragStateChanged}
    />
  );
};

const TargetComponent = () => {
  const [droppedNodes, setDroppedNodes] = useState([]);

  const handleDrop = () => {
    // 根据被拖拽的节点信息，将节点从react-sortable-tree中移除
    // 例如，可以使用filter方法过滤掉被拖拽的节点
    const filteredNodes = treeData.filter((node) => node.id !== draggedNode.id);
    setDroppedNodes(filteredNodes);
  };

  return (
    <div>
      {/* 目标组件的其他内容 */}
      <div onDrop={handleDrop}>
        {/* 目标组件的内容 */}
      </div>
    </div>
  );
};

这样，当从react-sortable-tree拖拽节点到目标组件后，节点将被移除。你可以根据实际需求进行进一步的处理，例如将移除的节点保存到目标组件的state中，或者进行其他操作。

注意：以上示例代码中的treeData、draggedNode等变量需要根据实际情况进行定义和使用。