Javascript 单击react-d3-graph更改节点颜色

我使用react d3 graph模块创建了一个非常基本的网络图，其中包含节点和节点之间的链接。我怎么可能允许我的用户通过双击来更改节点的颜色

以下是我正在使用的库的文档：

注意：我的代码中还有一个空的单击函数，它接收用户单击的节点的id

这是我的密码：

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      data: {
        nodes: [
          {id: 'Harry'},
          {id: 'Saly'},
          {id: 'Aly'}
        ],
        links: [
          {source: 'Harry', target: 'Aly'},
          {source: 'Harry', target: 'Saly'},
        ]
      },
      myConfig: {
        nodeHighlightBehavior: true,
        node: {
          color: 'lightgreen',
          size: 120,
          highlightStrokeColor: 'blue'
        },
        link: {
          highlightColor: 'lightblue'
        }
      }
    }
  }

  render() {
    return (
      <div className="App">
        <Graph
          id='graph-id' // id is mandatory, if no id is defined rd3g will throw an error
          data={this.state.data}
          config={this.state.myConfig}
          onClickGraph={onClickGraph}
          onClickNode={onClickNode}
          onDoubleClickNode={onDoubleClickNode}
          onRightClickNode={onRightClickNode}
          onClickLink={onClickLink}
          onRightClickLink={onRightClickLink}
          onMouseOverNode={onMouseOverNode}
          onMouseOutNode={onMouseOutNode}
          onMouseOverLink={onMouseOverLink}
          onMouseOutLink={onMouseOutLink} 
        />
      </div>
    );
  }
}

类应用程序扩展组件{
建造师（道具）{
超级（道具）
此.state={
数据：{
节点：[
{id:'哈利'}，
{id:'Saly'}，
{id:'Aly'}
],
链接：[
{来源：'Harry'，目标：'Aly'}，
{来源：'Harry'，目标：'Saly'}，
]
},
myConfig：{
nodeHighlightBehavior:true，
节点：{
颜色：“浅绿色”，
尺寸：120，
highlightStrokeColor:“蓝色”
},
链接：{
highlightColor:“浅蓝色”
}
}
}
}
render（）{
返回(
);
}
}

根据，我们可以将颜色作为属性传递。我们现在需要做的就是利用这个内部双击处理程序。 我相信这将是有益的