feat(examples): add ~stress~ test

This commit is contained in:
moklick
2019-10-24 21:14:02 +02:00
parent 5030f7dc1b
commit 8a0f3e2722
4 changed files with 70 additions and 2 deletions
+33
View File
@@ -0,0 +1,33 @@
import React, { useState } from 'react';
import Graph, { removeElements, addEdge, MiniMap } from 'react-flow';
import { getElements } from './utils';
const onLoad = graph => {
console.log('graph loaded:', graph);
graph.fitView();
};
const initialElements = getElements(10, 10);
const StressGraph = () => {
const [elements, setElements] = useState(initialElements);
const onElementsRemove = (elementsToRemove) =>
setElements(els => removeElements(elementsToRemove, els));
const onConnect = (params) => setElements(els => addEdge(params, els));
return (
<Graph
elements={elements}
onLoad={onLoad}
onElementsRemove={onElementsRemove}
onConnect={onConnect}
style={{ width: '100%', height: '100%' }}
backgroundType="lines"
>
<MiniMap />
</Graph>
);
}
export default StressGraph;