fix memo
This commit is contained in:
@@ -104,6 +104,7 @@ const BasicFlow = () => {
|
|||||||
|
|
||||||
const logToObject = () => console.log(instance.toObject());
|
const logToObject = () => console.log(instance.toObject());
|
||||||
const resetTransform = () => instance.setViewport({ x: 0, y: 0, zoom: 1 });
|
const resetTransform = () => instance.setViewport({ x: 0, y: 0, zoom: 1 });
|
||||||
|
const toggleInverse = () => setInverse(!inverse);
|
||||||
|
|
||||||
const toggleClassnames = () => {
|
const toggleClassnames = () => {
|
||||||
instance.setNodes((nodes) =>
|
instance.setNodes((nodes) =>
|
||||||
@@ -155,7 +156,7 @@ const BasicFlow = () => {
|
|||||||
<button onClick={logToObject} style={{ marginRight: 5 }}>
|
<button onClick={logToObject} style={{ marginRight: 5 }}>
|
||||||
toObject
|
toObject
|
||||||
</button>
|
</button>
|
||||||
<button onClick={_ => setInverse(!inverse)} style={{ marginRight: 5 }}>
|
<button onClick={toggleInverse} style={{ marginRight: 5 }}>
|
||||||
{inverse ? 'un-inverse pan' : 'inverse pan'}
|
{inverse ? 'un-inverse pan' : 'inverse pan'}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -150,7 +150,7 @@ function MiniMap({
|
|||||||
selection.on('zoom', null);
|
selection.on('zoom', null);
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}, [pannable, zoomable]);
|
}, [pannable, zoomable, inversePan, zoomStep]);
|
||||||
|
|
||||||
const onSvgClick = onClick
|
const onSvgClick = onClick
|
||||||
? (event: MouseEvent) => {
|
? (event: MouseEvent) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user