React-Flow：您可以将道具传递给 React-Flow 中的自定义节点吗？

Question

我正在使用 React-Flow 来可视化 React 中组件的树状层次结构。每当您在 React-Flow 中创建自定义节点时，您都​​可以像这样在树中使用它：

  <ReactFlow
      onLoad={onLoadTree}
      elements={nodesAndEdges}
      nodeTypes={{ reactComponent: ComponentNode }}

导致无法传递道具。假设我想传递一些东西，那么如果语法类似于 reactComponent: <ComponentNode myProps={myProps} />，我就能够做到这一点。有没有人以前使用过这项技术并且知道是否可以通过某种方式将道具传递给自定义节点？ :) 谢谢！

Answer 1

节点的data属性好像可以传props

Answer 2

您可以在创建新节点时在数据 属性 部分传递任何您想要的数据：

const newNode = {
  ...nodeProps,
  data: {
    myCustomProps: "test",
  },
}