useViewport
在组件中，useViewport hook 是读取 Viewport 当前状态的便捷方法。使用此 hook 的组件将在 **视图发生变化时重新渲染**。
import { useViewport } from '@xyflow/react';
export default function ViewportDisplay() {
const { x, y, zoom } = useViewport();
return (
<div>
<p>
The viewport is currently at ({x}, {y}) and zoomed to {zoom}.
</p>
</div>
);
}签名
| 名称 | 类型 |
|---|---|
#返回值 | |
Viewport |
备注
- 此 hook 只能在作为
<ReactFlowProvider />或<ReactFlow />组件子元素的组件中使用。