refactor(node-resizer): check change events

This commit is contained in:
moklick
2022-12-01 15:10:15 +01:00
parent 51294c1522
commit f106feb9a9
2 changed files with 20 additions and 6 deletions
@@ -1,5 +1,13 @@
import { useCallback } from 'react';
import ReactFlow, { Controls, addEdge, Position, Connection, useNodesState, useEdgesState } from 'reactflow';
import ReactFlow, {
Controls,
addEdge,
Position,
Connection,
useNodesState,
useEdgesState,
NodeChange,
} from 'reactflow';
import CustomNode from './CustomNode';
@@ -33,7 +41,7 @@ const initialNodes = [
];
const CustomNodeFlow = () => {
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
const [nodes, setNodes, _onNodesChange] = useNodesState(initialNodes);
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
const onConnect = useCallback(
@@ -41,6 +49,13 @@ const CustomNodeFlow = () => {
[setEdges]
);
const onNodesChange = useCallback(
(changes: NodeChange[]) => {
_onNodesChange(changes);
},
[_onNodesChange]
);
return (
<ReactFlow
nodes={nodes}
@@ -49,7 +64,6 @@ const CustomNodeFlow = () => {
onEdgesChange={onEdgesChange}
onConnect={onConnect}
nodeTypes={nodeTypes}
snapToGrid={true}
fitView
minZoom={0.3}
maxZoom={2}