如果您正在使用 `react-flow-renderer` 9.6.11 版本,那么 `onZoom` 属性已经被移除了。相反,您可以使用 `onZoomChange` 属性来监听缩放事件。
以下是一个示例:
```jsx
import React from 'react';
import ReactFlow from 'react-flow-renderer';
const MyFlow = () => {
const handleZoomChange = (event) => {
console.log(`Zoom level changed to ${event.transform.k}`);
};
return (
);
};
export default MyFlow;
```
在这个例子中,我们定义了一个名为 `handleZoomChange` 的回调函数,并将其传递给 `onZoomChange` 属性。每当用户缩放图形时,`handleZoomChange` 函数都会被调用,并且它将打印出当前的缩放级别。
请注意,`onZoomChange` 属性是 `react-flow-renderer` 版本 9.0.0 及更高版本中引入的新属性。如果您正在使用旧版本的 `react-flow-renderer`,则可能不支持此属性。