<ViewportPortal />

<ViewportPortal /> 组件可以用于向渲染节点和边的流程的同一视口中添加组件。当你希望渲染自己的组件，并且这些组件遵循与节点和边相同的坐标系，同时也会受到缩放和平移影响时，这非常有用。


import React from 'react';
import { ViewportPortal } from '@xyflow/react';
 
export default function () {
  return (
    <ViewportPortal>
      <div
        style={{ transform: 'translate(100px, 100px)', position: 'absolute' }}
      >
        This div is positioned at [100, 100] on the flow.
      </div>
    </ViewportPortal>
  );
}

属性

🌐 Props

Name	Type	Default
`children`	`ReactNode`