Attributes changing

[anvarzkr]

Hello, @crubier!

// 'data' from select handler method parameters
var nodes = this.state.graph.nodes;

$.each(nodes, function(index, node) {
      nodes[index].label = "new_label";
      console.log(nodes[index]);
});

this.setState({
      graph: {nodes: nodes}
});

I am using such code to change node's label on 'select' event.
But the labels are not changing. In react dev tools I can see that 'this.graph.nodes' has nodes with new labels but on the rendered graph they're not changing anyway. I could add/remove nodes or edges but can't render them modified.
Could you, please, help me with this problem?

[jo-tud]

Same question, here. Can I update the model and the graph will update accordingly?

[Skoreto]

I am new to ReactJS, but as far as I understand you should not mutate your data directly. The way I chose is to use immutability-helper library. Then changing node's label could look like this:

import imHelp from 'immutability-helper';

let actualNodesState = this.state.graph.nodes;
let nodeIndex = 3;    // index of node in an array (not vis.js node's id)

let newNodes = imHelp(actualNodesState, {[nodeIndex]: label: {$set: label}});

this.setState({
      graph: {nodes: newNodes}
});