refactor(node-resizer): check change events
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user