fix(examples): create id for new edges
This commit is contained in:
@@ -6,6 +6,8 @@ import SpecialNode from './SpecialNode';
|
|||||||
import InputNode from './InputNode';
|
import InputNode from './InputNode';
|
||||||
|
|
||||||
const onNodeDragStop = node => console.log('drag stop', node);
|
const onNodeDragStop = node => console.log('drag stop', node);
|
||||||
|
let edgeId = 0;
|
||||||
|
const getEdgeId = () => `edge__${edgeId++}`;
|
||||||
|
|
||||||
class App extends PureComponent {
|
class App extends PureComponent {
|
||||||
constructor() {
|
constructor() {
|
||||||
@@ -125,7 +127,7 @@ class App extends PureComponent {
|
|||||||
onConnect(params) {
|
onConnect(params) {
|
||||||
console.log('connect', params);
|
console.log('connect', params);
|
||||||
this.setState(prevState => ({
|
this.setState(prevState => ({
|
||||||
elements: prevState.elements.concat(params)
|
elements: prevState.elements.concat({ id: getEdgeId(), ...params })
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,9 @@ import Graph, { removeElements, getOutgoers } from '../../../src';
|
|||||||
|
|
||||||
const onNodeDragStop = node => console.log('drag stop', node);
|
const onNodeDragStop = node => console.log('drag stop', node);
|
||||||
|
|
||||||
|
let edgeId = 0;
|
||||||
|
const getEdgeId = () => `edge__${edgeId++}`;
|
||||||
|
|
||||||
class App extends PureComponent {
|
class App extends PureComponent {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
@@ -47,7 +50,7 @@ class App extends PureComponent {
|
|||||||
onConnect(params) {
|
onConnect(params) {
|
||||||
console.log('connect', params);
|
console.log('connect', params);
|
||||||
this.setState(prevState => ({
|
this.setState(prevState => ({
|
||||||
elements: prevState.elements.concat(params)
|
elements: prevState.elements.concat({ id: getEdgeId(), ...params })
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user