反應流渲染器防止特定節點被刪除

Question

有沒有辦法防止特定節點被刪除？ 我已經設置了 deleteKeyCode={'Delete'} 但想從這里按類型排除一個節點。

    <ReactFlow
      nodes={nodes}
      edges={edges}
      onConnect={handleOnConnect}
      onDragOver={handleOnDragOver}
      onDrop={handleOnDrop}
      connectionLineComponent={ConnectionLine}
      onNodesChange={handleOnNodesChange}
      onConnectStart={() => dispatch(setIsConnecting(true))}
      onConnectStop={() => dispatch(setIsConnecting(false))}
      onEdgesChange={handleOnEdgesChange}
      onInit={setReactFlowInstance}
      deleteKeyCode={'Delete'}
      defaultZoom={1}
      nodeTypes={customNodeTypes}
      edgeTypes={customEdgeTypes}>
      <Background className={classes.flowBackground} />
      <Controls />
    </ReactFlow>

Answer 1

不是硬編碼字符串'Delete' ，而是使用一個變量，該變量的值從空白''更改為'Delete'具體取決於您是否要從刪除中排除節點：

const isDeleting = 'Yes'? 'Delete': '';

deleteKeyCode={isDeleting}