react-flow-renderer 监听缩放

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